关于vue使用query传参页面刷新数据丢失问题

vue在使用query传参后，第一次跳转数据是没问题的，但第二次刷新页面数据会变为[object object]，以下是解决方法之一。

1、要跳转的传参页：先将数组转换为字符串。

<li v-for="(v,index) in indexcurr1['curr']" :key="index">
	<router-link :to="{path:'/detail',query:{id:JSON.stringify(v),item:JSON.stringify(indexcurr1)}}"></router-link>
</li>

2、接收页面：再将字符串转换为对象

<script>
export default {
  data () {
    return {
      id:'',
      item:''
    }
  },
	activated(){
   },
  created () {
     var obj=eval('(' + this.$route.query.id + ')');
     var obj2=eval('('+ this.$route.query.item +')');
    console.log(obj2);
    this.id=obj;
    this.item=obj2;
    //console.log(this.item);
  },

  mounted () {},

  components: {},

  computed: {},

  methods: {},

}

</script>

这样转换一下刷新后数据就不会丢失。