Vue组件缓存引起的表单校验问题

需求从列表页面跳转到详情页面,再切换到列表页面,列表页面需要保持跳转之前的状态,假设列表页面已被设置缓存

问题1:从列表页面单击list跳转到详情表单页面,表单出现红框提示(表单页面一进来就校验 )

问题2:表单字段需要动态校验,编辑表单时显示不必填,新建表单时要显示必填

问题3:返回列表页面需要重新加载树形控件数据

问题4:页面跳转表单字段不清空,还是会保持上一次编辑过的数据

  1. 在mounted里面调用clearValidate() 方法来移除表单项的校验结果
  2. 根据状态更改required属性,watch监控属性变化更改校验
  3. 在列表页面监控路由属性变化重新调用获取树形数据的方法
  4. 在actived里面重新调用获取详情的方法,跳转路由后关闭当前页面,并且删除缓存路由,然后跳回列表页面,然后再从列表页面点编辑跳转编辑页面里面的表单是新的,给新建一样

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值