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

Posted 漫步CODE人生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js 传参 href传参 与router-link传参相关的知识,希望对你有一定的参考价值。

每天学习一点点 编程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



























以上是关于vue.js 传参 href传参 与router-link传参的主要内容,如果未能解决你的问题,请参考以下文章

vue.js学习之 跨域请求代理与axios传参

关于vue-router接收参数?

vue.js学习总计---路由篇

vue路由-基本使用重定向动画传参

vue.js - axios Get方法传参给 .net core webapi。

关于vue-router传参的理解