解决element导航菜单动态渲染菜单数据后折叠菜单栏时文字不隐藏
安装vue-fragmentnpm i vue-fragment--save在main.js中引入// main.jsimport Fragment from ‘vue-fragment’Vue.use(Fragment.Plugin)使用fragment标签<fragmentv-for="item in menuData" :key="item.id">...
·
安装 vue-fragment
npm i vue-fragment --save
在main.js中引入
// main.js
import Fragment from ‘vue-fragment’
Vue.use(Fragment.Plugin)
使用fragment标签
<fragment v-for="item in menuData" :key="item.id">
<el-submenu v-if="!item.children" :index="item.id" >
<template slot="title">
<span slot="title">{{item.menuName}}</span>
</template>
<el-menu-item v-for="item1 in item.children" :index="item1.menuId" :key="item1.menuId">
<span slot="title">{{item1.menuName}}</span>
</el-menu-item>
</el-submenu>
<el-menu-item v-else :index="item.menuId" :key="item.menuId">
<span slot="title">{{item.menuName}}</span>
</el-menu-item>
</fragment>
更多推荐



所有评论(0)