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一同传值;

阅读剩余部分

相关阅读 >>

webstorm怎样新建vue.js的项目

为什么使用vue.js

vue.js计算属性是什么?(代码示例)

如何知道vue.js的版本号

vue.js的优点是什么

vue.js和bootstrap之间有什么区别?

为什么用vue.js这种前端框架?

vue.js路由this.route.push跳转页面不刷新怎么办

vue.js怎么用swiper

css中display: inline-block的用法解析

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




打赏

取消

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

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

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

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

评论

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

    正在狠努力加载,请稍候...