在url中带参数

Posted 2021-11-30 joer717

如果只是在url中带参数的需求，比如tabs的话，都是本页面的切换

那步骤是

1.在当前页面的路由传入你所需要在url中显示的参数，例如

{
  path: ‘workorder‘,
  name: ‘workorder‘,
  menuName: ‘企业工单‘,
  ifMenu: true,
  icon: ‘iip-fa iip-fa-file‘,
  component: () => import(‘@/views/workorder/CompanyWorkorder.vue‘),
  meta: { typeName: ‘workorder‘ },
  props: route => ({ type: route.query.type })
}

将一下router传参数的区别

props传递的参数是可以在url中显示的    取值 props【‘参数’】 然后在created函数里面  赋值

params传递的参数不可以  取值  this.$router.params.参数名

2.在这个页面接收这个参数

props: [‘type‘],

3.在created周期函数里面接收这个函数

created () {
    if (this.type && this.type !== ‘‘) {
//然后赋值给data中定义好的属性中
      this.activeName = this.type
    }
}

4.完成