当从其他页面回到本页面时,清除checkbox选中状态?

依依雨柔
  • 233

clipboard.png
使用localStorage存储的勾选框数据,想实现的效果是只在当前页及当前页跳转到的订单详情页时保存选择的勾选框,而当点击其他页面后,并回到本页面时,取消所有勾选框的选中状态,使用什么才能实现?哪个生命周期钩子?

回复
阅读 3.1k
1 个回答

问题很简单,下面是针对vuejs技术栈的技术方案:

  1. 建议你用vuex状态机保存 勾选框数据,而不是localStorage,为什么?因为涉及到不同页面组件之间的数据呈现关系!
  2. 当你去到其他页面的时候,也就是在vue-router钩子进行判断,非当前页面和及非当前页跳转到的订单详情页的时候,就去清除状态机vuex 里面的 数据,当回到本页面的时候,发觉从vuex获取的数据没了,自然是清除状态了。
  3. 若你非要用localStorage,都是同样的道理,都是在多组件 或者说,在不同组件之间可以获取到数据。

只提供技术方案讲解,具体代码不提供。谢谢采纳。

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