vue.js 传参 href传参 与router-link传参

时间:2021-06-10 06:58:41

每天学习一点点 编程PDF电子书免费下载: http://www.shitanlife.com/code

1. <a v-bind:href="'#/appinfo/'+cateApp.appId">{{cateApp.appName}}</a>

路由定义 :id
{
path: '/appinfo/:id',
component: appDetail,
meta: {
notRequiredLogin: true
}
}
接收参数

let appId = this.$route.params.id
alert(appId)
2.
<router-link :to="{name:'update', params:{id: item.id} }">
编辑
</router-link>

路由定义
{
path: 'update',
component: twDevUpdate,
name: 'update'
}
接收参数
this.$route.params.indexType

每天学习一点点 编程PDF电子书免费下载: http://www.shitanlife.com/code