本文摘自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 |
|
在b.vue通过地址栏的url 进行接收参数;
我是在created这个函数里面进行接收的,var name=this.$route.query.name;
就可以接收到name这个参数了;
2、使用params传值【地址栏不可见】
这个方式要注意一点,在请求的时候需要写上在router下面index.js里面的name,
可以和query一同传值;
相关阅读 >>
更多相关阅读请进入《vue.js》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者