vue怎么实现手风琴效果_使用Vue实现手风琴菜单效果

使用vue的指令个事件冒泡委托给一个事件处理

使用

data() {

return {

isMin:false,

dataList:[

{

path: 'home',

name: '服务组件',

icon:"icon-shouye",

children:[

{

name: '通知组件',

path: 'layout',

},

]

},

{

icon:"icon-shouye",

name: 'UI组件',

path: '',

children:[

{

name: '布局组件',

path: 'layout',

},

{

name: '按钮组件',

path: 'button',

},

{

name: '弹框组件',

path: 'modal',

},

{

name: '富文本',

path: 'editor',

}

]

},

{

icon:"icon-shouye",

name: '通信组件',

path: '',

children:[

{

name: '实时聊天',

path: 'actualChat',

}

]

}

]

}

},

methods:{

foldHandle(isFold){

this.isMin = isFold;

},

goWh