Vue页面之间传递及接收参数方法
方法1:使用paragram.js插件第一步:在页面引入paragram.js插件,(插件分享链接:https://pan.baidu.com/s/1jJd4zS6X5KYPusFdDUQ7zg 密码:ru64)第二步:在methods里面写接收参数的方法,如下: 解析:1、var contents 和 var times 。是指:接收参数的变量,就是将接收的参数赋值给这两个变...
方法1:使用paragram.js插件
第一步:在页面引入paragram.js插件,(插件分享链接:https://pan.baidu.com/s/1jJd4zS6X5KYPusFdDUQ7zg 密码:ru64)
第二步:在methods里面写接收参数的方法,如下:
解析:
1、var contents 和 var times 。是指:接收参数的变量,就是将接收的参数赋值给这两个变量。
2、contents = Request['content']和times = Request['time']; 是指:将接收的参数赋值给变量。等号后边的是接收的参数。
3、this.content = contents 和 this.time = times。是指:将获的参数赋值给data里边定义的变量。
获取参数完毕。
方法2:根据路径来传递及接收参数
第一步:在methods里边添加点击事件跳转的方法
goPay(index, sid) {
this.$router.push({
path: '/payment',
query: {
tit: index,
price: this.cost[index].price,
sid: sid,
}
});
---------------------
作者:小破孩呦
来源:CSDN
原文:https://blog.csdn.net/qq_38543537/article/details/80091684
版权声明:本文为博主原创文章,转载请附上博文链接!
解析:
1、goPay是点击跳转的事件,path:'/payment':是需要跳转的下一个页面。
2、query里边的就是跳转之后传递过去的参数,传递之后的参数链接如下:
第二步:到跳转的对应页面去接收参数。
解析:
1、tits、price、sid这三个是在data里边定义好的变量,就是将接受的参数赋值给它们。
2、this.$route.query.tit,是指:查询路径中的tit,
转自:https://blog.csdn.net/qq_38543537/article/details/80091684
更多推荐
所有评论(0)