有一组商品信息，遍历出来，有单选，全选，保存选中商品的信息，带到下一个路由应该怎么搞？

Question

我现在的操作是把这些信息放到了data-自定义属性上，然后在methods里遍历这些选中的列，从这些选中的列中，取出来data-自定义的属性，保存到对象里带到下一个路由。

有没有其他的好的办法？

Answer 1

可以用vuex试一下，可以全局管理数据

Answer 2

可以利用vue-router的query。

父页面跳往子页面 router-link /product?plan=private 或者函数式调用router.push({ path: 'product', query: { productInfo: '' }})
子页面获取productInfothis.$route.query.productInfo

Answer 3

我以当前信息的ID为例：
这个是在链接中，传递参数：

<!--查看按钮-->
<router-link :to="{ path: 'factoryToFind', query: { factoryId: scope.row.id }}">
   <el-button type="text">查看</el-button>
</router-link>

在factoryToFind这个路由页面接收参数：

return {
    id: this.$route.query.factoryId
}

如果你的项目比较大，比较复杂，建议使用vuex。

推荐三篇相关文章，也许对你有帮助：

1. vuejs+element ui+ssm+maven实现登陆注册功能

2. vuejs+element ui+ssm+maven实现表格分页

3. vuejs+element ui+ssm+maven实现CRUD

Answer 4

keep-alive