【vue】携带对象参数跳转页面

最新推荐文章于 2024-07-27 11:33:23 发布

谭CV

最新推荐文章于 2024-07-27 11:33:23 发布

阅读量849

点赞数

分类专栏： vue工作文章标签： vue 跳转页面带参数

本文链接：https://blog.csdn.net/THcoding_Cat/article/details/113695789

版权

vue工作专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1.携带对象

json转字符串后进行编码

<span slot="action" slot-scope="record" ref="action">
         <a-button type="link" @click="$router.push({name:'editSonAccount',query: { record: 
          encodeURIComponent(JSON.stringify(record)) }})">
                    编辑
         </a-button>
</span>

2.接收对象

在mounted钩子中获取并判断

//mounted钩子中调用该方法
handleForm(){
   let record = this.$route.query.record;
   if(roleRecord){
       this.form = JSON.parse(decodeURIComponent(record));
   }
            
},