为了账号安全,请及时绑定邮箱和手机立即绑定

菜单导航问题,点击的时候会展开列表,再次点击或点击其他会收起,现在是点权限管理出来了

菜单导航问题,点击的时候会展开列表,再次点击或点击其他会收起,现在是点权限管理出来了

人到中年有点甜 2019-02-26 09:16:51
查看完整描述

2 回答

?
胡子哥哥

TA贡献1825条经验 获得超6个赞

data(){

    return {

        leftMenuList: [

         {

              name: '权限管理',

              open: false,

              list: [

              {

                   name: '用户管理'

              },

              {

                   name: '部门管理'

              },

              {

                    name: '角色管理'

              },

              {

                    name: '菜单管理'

              }

              ]

        },

        {

              name: '电池管理',

              open: false,

              list: [

              {

                   name: '用户管理'

              },

              {

                   name: '部门管理'

              },

              {

                   name: '角色管理'

              },

              {

                   name: '菜单管理'

              }

              ]

         }

     ]

  }

},

methods:{

    toggleChildren(item){

        if(!item.open){

            this.leftMenuList.map((v)=>{

               v.open=false

            })

        }

        item.open=!item.open

     }

}


查看完整回答
反对 回复 2019-03-06
?
呼啦一阵风

TA贡献1802条经验 获得超6个赞

没看到你写收起其它啊,toggleChildren里刷一遍MenuList先都设置成false,或者记一下上次展开的菜单是哪一个,把它设置成false。
我记得vue列表直接更新元素属性好像不会更新?需要用splice在原位置替换一下。自己看吧

查看完整回答
反对 回复 2019-03-06
  • 2 回答
  • 0 关注
  • 910 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号