美文网首页
iview MenuItem动态渲染 active-name无效

iview MenuItem动态渲染 active-name无效

作者: 小棋子js | 来源:发表于2020-12-21 11:25 被阅读0次
<Menu theme="light" width="auto" ref="user"
              :active-name="user" :class="menuitemClasses" :open-names="['1']">
          <Submenu name="1">
            <template slot="title">
              <i class="iconfont icon-home"></i>
              账单
            </template>
            <MenuItem v-for="item in menu_list "  :to="item.url" :name="item.title">{{item.name}}</MenuItem>
          </Submenu>
       </Menu>
data(){
    return{
        user:''//name名(路径名)
    }
}

在axios的回调函数中调用

this.$nextTick(()=>{
            this.$refs.user.updateOpened();
            this.$refs.user.updateActiveName();
          })

相关文章

网友评论

      本文标题:iview MenuItem动态渲染 active-name无效

      本文链接:https://www.haomeiwen.com/subject/cplrnktx.html