刚尝试用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,然而我觉得使用这个太麻烦,能不用就不用