vue.js 页面间如何传值? 下面本篇文章给大家介绍一下 vue 页面之间相互传值的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
vue.JS 页面之间相互传值的方法
1, 使用 query 传值 -- 地址栏可见
比如从 a.vue 跳转至 b.vue, 传 name='jack', 代码如下:
- 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 一同传值;
- this.$router.push({
- path: "/result",
- name: "Result",
- query: { name: 'name' },
- params: { usersitelist: 'userlist' }
- });
params 传值在地址栏不可见, 但是取值方式是和 query 一样的, 我也是在 created 函数里面进行取值的;
var usersitelist = this.$route.params.usersitelist;
这样就可以取到了.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17051.html