vue.js页面间怎么实现传值
导读:本文共874.5字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: vue.js页面间实现传值的方法:1、使用query传值,代码为【query: { name: 'jack' }】;2、使用params传值,代码为【params: { usersitelist: 'userlist' }】。vue.js页面间实现传值的方法:1、使用query传值 地址栏可见比如从a.vue跳转至b.vue,传n... ...
目录
(为您整理了一些要点),点击可以直达。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页面间怎么实现传值的详细内容,希望对您有所帮助,信息来源于网络。