码迷,mamicode.com
首页 > Web开发 > 详细

在url中带参数

时间:2019-05-17 10:48:14      阅读:507      评论:0      收藏:0      [点我收藏+]

标签:传参数   ams   creat   好的   order   的区别   div   router   any   

如果只是在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.完成

在url中带参数

标签:传参数   ams   creat   好的   order   的区别   div   router   any   

原文地址:https://www.cnblogs.com/joer717/p/10880050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!