9.跨页面传参,props 参数获取
前言:
这里没有按顺序来,先做一下笔记。当我想写这个系列的时候,之前的内容所遇到的坑都已经填埋过了。这里先把页面传值的问题讲解一下。
需要解决的问题:
1.页面传值的的问题也就是路由组件传参的问题
这里提供一个相关链接
布尔模式:对象模式:函数模式
三种模式的讲解
这里我们先提一个组件传参的问题?
组件传参,需要我们在父组件中进行数值绑定,在子组件需要使用props进行声明
这里对三种模式作如下说明:
布尔模式:
在页面传参过程中可是使用props属性,只需要在v-router中将props属性打开。
1.使用this.$router.push(“path/param”) 当前页面
2.props:true,path=“path/:paramkey” routes配置
3.props:[“paramkey”] 跳转目标页面
对象模式:
1.使用this. r o u t e r . p u s h ( n a m e : " p a g e n a m