element-ui自带导航如何让他只能点击一次

Question

<el-submenu></el-submenu> 里面导航栏 我如何让他点击不展示他的子级,

Answer 1

根据这个值判断 collapse

Answer 2

难以理解的一个需求，可以尝试菜单打开的事件open动态设置菜单的disabled属性

Answer 3

可以试一下 open 事件 在这个事件动态控制一下disabled属性

Answer 4

<el-submenu index="1" :disabled="disabled">  
    <template slot="title">
      <i class="el-icon-location"></i>
      <span>导航一</span>
    </template>
    <el-menu-item-group>...</el-menu-item-group>
    ...
</el-submenu>       
// js
data() {
    return {
      disabled: false    // 展开之后控制它的disabled属性
  }
},
methods: {
  handleOpen(key, keyPath) {
    console.log(key, keyPath);
    this.disabled = true   // 展开之后控制它的disabled属性
  },
  handleClose(key, keyPath) {
    console.log(key, keyPath);
  }
}