2021年免费的网站有哪些,网站开发的甘特图,网站建设人员信息,双域名网站vue传参常用的两种传参方式
query方式#xff1a; 参数拼接在url上刷新页面不会丢失数据但如果传递对象或者数组过大时#xff0c;会出现url过长导致异常错误的问题参数为对象或者对象组成的数组时#xff0c;需要使用JSON.stringify()格式化#xff0c;接收时JSON.parse(…vue传参常用的两种传参方式
query方式 参数拼接在url上刷新页面不会丢失数据但如果传递对象或者数组过大时会出现url过长导致异常错误的问题参数为对象或者对象组成的数组时需要使用JSON.stringify()格式化接收时JSON.parse()解析可以使用name或者path指定跳转页面 params方式 参数不会拼接在url上刷新页面会丢失数据只能使用name来指定跳转的页面
1、query传参方式
1.1、可以使用path或者name方式进行传参
// pageA
this.$router.push({name: pageB, // 1、可以用name来指定跳转的页面2、name值是路由声明时对应name的值path: /pageB, // 1、也可以用path来指定跳转的页面query: {name: 张三}})
// pageB页面接收
this$route.query.name1.2、query传递对象或者对象组成的数组时需要注意数据解析错误的问题
// pageA页面
this.$router.push({path: /pageB,// 传递参数为对象组成的数组或者对象时页面刷新会导致值变为[Object, Object]需要使用JSON.stringify()转为字符串接收时使用JSON.parse()处理参数// 参数是有基本类型数据组成的数组时刷新页面能正常显示query: {nameObj: JSON.stringify({name: 张三})}})
// pageB页面接受
JSON.parse(this.$route.query.nameObj)2、params传参方式
this.$router.push({// path: /pageB, // params传参使用path来指定跳转页面时页面可以正常跳转但参数会丢失name: pageB, // 1、params传参必须指定name来指定跳转的页面2、name值是路由声明时对应name的值params: {name: 张三}})
// pageB页面接收
this.$route.params.name
