前言
场景:把js中的list赋值给引入它的data
代码
以下是示例
- menu.js
const menuList = [{
path: '/',
label: '首页',
icon: 's-home',
},
{
path: "/video",
label: '视频管理',
icon: 'video-play'
},
{
path: "/user",
label: '用户管理',
icon: 'user'
},
//二级菜单
{
label: '多级菜单',
icon: 'user',
children: [{
path: "/page1",
label: '页面1',
icon: 'setting'
},
{
path: "/page2",
label: '页面1',
icon: 'user'
},
]
}
]
export default menuList
- 把js引入到页面
import menuList from '@/router/menu'
- 把menuList给data里面的参数
data () {
return {
asideMenu: [
]
};
}
// 赋值
this.asideMenu = menuList