vue.js - vue-router是否合适多个component间需要传数据的情形？

问题描述

问 题

刚尝试用vue-router写多个页面切换（具体是：一个主表单页面，n个表单项点进去填写更细节数据的子表单页，最终都把填写完的数据传给这个主表单，最后主表单构造一个大的form提交给服务器），但vue-router独立component之间传数据好麻烦，最后还是抛弃vue-router而是直接使用一个父component（那个主表单），然后这个父component里面按需v-if展示需要的子component（同时v-show隐藏掉主表单），传数据就是直接在子component里发起该子页填写完成事件传给父component。

问题是vue-router是否合适以上这种多个component间需要传数据的情形，还是有更好的办法？

解决方案

具体流程我不懂，但我可能选择——

使用<keep-alive>包裹主表单，子表单每次填写完毕后，将数据保存到localStorage，在切换回主表单时，调用主表单的activated方法取出localStorage中的数据。

或者使用vuex，然而我觉得使用这个太麻烦，能不用就不用

这篇关于vue.js - vue-router是否合适多个component间需要传数据的情形？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！