1:两个页面之间传递参数
(1)获取?拼接来的参数
{
{$route.query.goodsId}}
(2)两个视图页面之间跳转问号传递参数
// 传递参数的页面
this.$router.push({
path:'/note/NoteEdit', // router/index.js 文件中配置的 path 值
name:'', //router/index.js 文件中配置的 name 值
params: {
noteContent:'跑步',
noteTime:'2018年4月16日'
}
})
// 接收参数的页面
this.$route.params.noteContent; //'跑步'
this.$route.params.noteTime; //'2018年4月16日'
(3)组件之间获取参数 { { KaTeX parse error: Expected 'EOF', got '}' at position 18: …ute.params.name}̲} (4)向前向后 …router.go(-2)
2:页面间跳转的三种方式
(1)router-link跳转
<router-link to="/cart">去购物车页面</router-link>
(2) js编程跳转 =》
<button @click="jump">button - js编程跳转到购物车页面</button>
methods: {
jump () {
this.$router.push({path: 'cart?goodsId=123'})
}
}
(3)命名路由跳转(根据路由的name值)=》
//params 是路由的参数
<router-link v-bind:to="{name:'cart',params:{cartId:123}}">命名路由跳转去购物车页面</router-link>
//cart 的路由
{
path: '/cart/:cartId',
name: 'cart',
component: Cart
}
3:配置子组件
import Title from