【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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值