如何用Vue实现编辑功能？

Question

如图一个页面，假设为A，所有编辑项都会通过路由跳转到另一个页面进行编辑，假设为B。
请问如何在B中完成编辑并且保存后返回A页面，并且更新A页面中相应的数据？

Answer 1

组件之间的数据交互，可使用eventBus。
在b页面：

let tel='133826xx';
eventBus.$emit('sureData', { phone: tel});

在a页面：

eventBus.$on('sureData', (data) => {
        console.log(data.phone);//133826xx

Answer 2

1.你可以在B编辑完后存到数据中 在A页面钩子中请求 你这样的个人信息肯定要存到数据库的 要不不安全

2 如果不是特别的 可以用 localstorage

3 可以用vuex 不过一刷新就没了

Answer 3

上面 2个回答，都可以解决题主的 问题

Answer 4

你可以通过传一个对象过去, 这样改变对象的属性值就ok了