vue.js - vue 表格项目新增问题 点击表格的新增按钮 切换到新增内容的编辑页面，编辑保存后内容在表格中展示

问题描述

问 题

在一个表格中，现在需要新增表格的内容，（增加表格的行数或者列数），点击表格中的新增按钮后，切换到了新的页面，在这个页面中你可以编辑你需要增加到表格中的内容，编辑好保存后，这个内容要在表格中显示出来 ，请问有大佬们怎么去实现？？
要特别强调的是 表格 和 编辑新增内容 是2个不同的页面

解决方案

可以考虑用 queryString 或者 sessionStorage/localStorage 传递数据。如果用 sessionStorage 或 localStorage，还需要考虑数据用过之后及时删除。

另外，为什么非要在两个不同的页面呢？用前端路由不是更方便？即使不用前端路由，用 v-show 也可以切换不同页面内容。以及，这类场景用 modal 弹窗也很常见。

（评论后的更新）

用前端路由进入的页面，还可以考虑 event-bus 或者 vuex 来传递数据。

这篇关于vue.js - vue 表格项目新增问题 点击表格的新增按钮 切换到新增内容的编辑页面，编辑保存后内容在表格中展示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！