iview的Submenu 我想点击一个按钮触发展开，但是数据改了，可是前段没有渲染

Question

    <Menu width="90%" style="margin:0 auto;" :open-names="openNameList" ref="side_menu">
      <Submenu :class="card-a-${count}" :name="card-a-${count}" v-for="(item, count) in card.list">
                        <template slot="title"><b>{{'0'+(count+1)}}&nbsp;&nbsp;&nbsp;{{item.name}}<span class="fr">{{item.amount.toFixed(2)}}</span></b>
                        </template>
                        <MenuItem :name="card-a-${count}-${number}" v-for="(item, number) in item.list">提单号:
                            {{item.masterBill}}<span class="fr">{{item.amount.toFixed(2)}}</span></MenuItem</Submenu>
    </Menu>

我点击全部展开触发下面的方法

    showOrhideItems: function () {
        this.openNameList = ['card-a-0','card-a-1'];
        console.log(this.openNameList);
    },
  

虽然只变化了，但是页面上这些menuItem没有变化，还都是关闭的？该怎么解决？？

Answer 1

遍历 card.list,然后 this.openNameList.push('card-a-0') 试试

Answer 2

data 里面必须初始有openNameList 这个字段 vue是不支持后往data添加属性的监听的 不知道你是否有初始

然后这里 没有用箭头函数 this容易在调用时指向错误 组件里最好是统一箭头函数
showOrhideItems: function () {

this.openNameList = ['card-a-0','card-a-1'];
console.log(this.openNameList)

}

Answer 3

===========================================正确答案==============================
执行完

this.openNameList = ['card-a-0','card-a-1'];

之后还要走下面的方法

this.$nextTick(() => {
     let sideMenu = 'side_menu' + type + index
     _this.$refs[sideMenu][0].updateOpened();
     _this.$refs[sideMenu][0].updateActiveName();
})