在url中带参数
如果只是在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.完成