vue路由跳转之时携带对象参数进行跳转

因为业务需要，在点击编辑按钮之时，要把表格行的数据全部携带到编辑的页面进行编辑，所以在此编写此文章，希望对有需要的人有所帮助

使用的框架是VUE+Element_admin框架

在使用el-table表格的时候，点击编辑按钮，把该行的数据拿出来

<div class="export" @click="handleClick(row)">编辑</div>

然后再点击事件中获取该行的数据 row 然后进行跳转之时进行转换并携带过去新页面

handleClick(row) {
    let rows = JSON.stringify(row)
    this.$router.push('/recordCase/EditCase?row=' + rows);
},

携带对象进行跳转之后，在编辑的页面进行接收

created() {
    this.data = JSON.parse(this.$route.query.row);;
},

经过以上的步骤，便可在编辑页面之中获取到上一个页面传递过来的参数

（JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)）