前言
场景:把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
本文介绍了一种在JavaScript中将列表数据从一个模块传递到另一个模块的方法,具体展示了如何通过导入导出机制,将menu.js文件中的菜单列表数据赋值给页面data属性中的asideMenu变量。
1625

被折叠的 条评论
为什么被折叠?



