ant vue 中,如何让左侧菜单都固定全部展开,不关闭

找到目录:

/src/components/menu/index.js

修改如下

openKeys: this.openKeys

this.openKeys 改成你要固定展开的一级菜单目录 ['/msdebookh5']

openKeys: ['/msdebookh5']

完整代码


  render () {
    const { mode, theme, menu } = this
    const props = {
      mode: mode,
      theme: theme,
      openKeys: ['/msdebookh5']
    }
    const on = {
      select: obj => {
        this.selectedKeys = obj.selectedKeys
        this.$emit('select', obj)
      },
      openChange: this.onOpenChange
    }

    const menuTree = menu.map(item => {
      if (item.hidden) {
        return null
      }
      return this.renderItem(item)
    })
    // {...{ props, on: on }}
    return (
      <Menu vModel={this.selectedKeys} {...{ props, on: on }}>
        {menuTree}
      </Menu>
    )
  }
}

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/131074118