vue.js怎么实现页面传值


本文摘自PHP中文网,作者coldplay.xixi,侵删。

vue.js实现页面传值的方法:1、使用query传值,代码为【var name=this.$route.query.name】;2、使用params传值,代码为【params: { usersitelist: 'userlist' }】。

  • 该方法适用于所有品牌电脑

vue.js实现页面传值的方法:

1、使用query传值【地址栏可见】

比如从a.vue跳转至b.vue,传name=‘jack’,代码如下:

1

2

3

4

this.$router.push({

          path: "/result",

          query: { name: 'jack' }

        });

在b.vue通过地址栏的url 进行接收参数;

我是在created这个函数里面进行接收的,var name=this.$route.query.name;就可以接收到name这个参数了;

2、使用params传值【地址栏不可见】

这个方式要注意一点,在请求的时候需要写上在router下面index.js里面的name,

可以和query一同传值;

阅读剩余部分

相关阅读 >>

vue.js插槽有什么用

vue.js中的插槽是什么

vue.js如何遍历map

vue.js刷新404找不到页面怎么办

vue.js全家桶包含哪些

vue.js如何带参数跳转

vue.js中怎么移除数组值

vue.js图片怎么渲染

vue刷新404的问题解决方法

vue.js什么是混入

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...