data-binding.png
有这样一个需求,左侧菜单点击展开右侧菜单,右侧菜单点击又可以垂直展开第三级菜单,为了展开第三级,第二级的菜单中设计了添加一个变量用于控制展开和收起的状态,无样式的代码如下:
var app = new Vue({
el: '#app',
data() {
let menus = [{
text: "产品",
name: "product",
children: [{
name: "product_manage",
text: "产品方案管理"
}, {
name: "activity_manage",
text: "市场活动管理"
}],
}, {
name: "sales",
text: "销售",
children: [{ </