vue路由传参的三种方式:
场景:点击当前页的某个按钮跳转到另一个页面,并将某个值带过去
<div class=“item” @click=“getDetail(3)”>查看详情
1、直接使用路由属性配置this.$router.push实现携带参数跳转
methods:{
getDetail(id){
this.$router.push({
path:`/user/${
id}/`})
}
}
对应的路由配置(每个路由配置信息以对象的形式保存)
import VueRouter from 'vue-router'; //引入vue-router
Vue.config.producionTip = false; //阻止启动生产消息
Vue.use(VueRouter); //使用VueRouter,注入到Vue实例中
const router = new VueRotuer({
//创建路由对象
mode:'