vue js参数赋值给data

前言

场景:把js中的list赋值给引入它的data

代码

以下是示例

  1. 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

  1. 把js引入到页面
import menuList from '@/router/menu'
  1. 把menuList给data里面的参数
data () {
    return {
      asideMenu: [
      ]
    };
  }

// 赋值
this.asideMenu = menuList
发布了48 篇原创文章 · 获赞 14 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/s1441101265/article/details/103660622
今日推荐