猿问

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

https://img3.mukewang.com/5c7f28fd0001cb0003930099.jpg

https://img1.mukewang.com/5c7f28fe0001820b04160787.jpg

人到中年有点甜
浏览 911回答 2
2回答

胡子哥哥

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     }}

呼啦一阵风

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

相关分类

JavaScript
我要回答