uniapp如何实现复杂的业务创建场景?

严格来说这不是使用 uniapp 的问题,只是刚好在用 uniapp 开发项目遇到的问题。

项目需要兼容Android、h5、微信小程序,现在有个后台管理的功能,需要做到移动端,在web端的时候,因为页面比较大,并且也比较好利用弹框这种交互,所以创建基本在一个页面就可以完成了(至少不用跳转页面),但是移动端,见面比较小,当一个表单比较复杂的时候,通常被设计为多个页面填写表单,才能完成整个业务的创建,这时候由于 h5 页面容易被点击“刷新”,导致表单的前面部分回被清空,该怎么处理这种情况?

阅读 2.6k
5 个回答

一般来说考虑三端兼容的,不要使用弹窗作为表单编辑容器,直接做一个新页面就好了。
大部分我会拆分为三个部分:列表页,展示用的详情页,新增/编辑用的详情页

你可以使用localStorage对已填入的内容进行存储。监听输入值change事件,出现改变就存储一下

使用分步表单,然后可以做缓存,或者后台表单下一步就保存一次。

一般使用下一步的方式加載組件,然後keepalive組件。
或者,直接在一個頁面上分幾個div標簽,上一步/下一步的時候用v-show/v-if控制。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏