vue.js页面间怎么实现传值(ue,vue.js,传值,编程语言)

时间:2024-05-05 04:50:21 作者 : 石家庄SEO 分类 : 编程语言
  • TAG :

    vue.js%E9%A1%B5%E9%9D%A2%E9%97%B4%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%E4%BC%A0%E5%80%BC

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

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

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

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

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

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

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

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

可以和query一同传值;

params传值在地址栏不可见,但是取值方式是和query一样的,我也是在created函数里面进行取值的;

本文:vue.js页面间怎么实现传值的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Vue.js中常用库有哪些下一篇:

2 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18