门口摔倒的老大爷

  • Home

  • About

  • Tags65

  • Categories5

  • Archives72

  • Search
正在加载今日诗词....

vuex数据更新但页面没有刷新

Posted on 2018-08-15 Disqus:

vuex 数据更新但页面没有刷新

再使用 vuex 的过程中经常遇到,数据虽然更新了,但是页面并没有更新,网上搜了一些解决办法并不能完全解决问题

原因

由于 JavaScript 的限制, Vue 不能检测变动的数组

解决方案

  • 官方推荐说如果是异步操作要使用action不用使用mutaion
  • 网上推荐使用 watch 监听数据变化

如果上面两种都不行的话,可以尝试下下面的方案

经测试如果对象层级太深,却是不能及时刷新,但是如果是新对象的话就不会出现这种问题,那么每次重新赋值不久行了 😁

例如

1
2
3
4
// store.js
Const state = {
user:{}
}
1
2
3
4
5
6
7
8
9
Const mutations = {
SET_USER(state,user){
state.user = {
name:user.name
}
// or
state.user = cloneDeep(user)
}
}
dctxf WeChat Pay

WeChat Pay

dctxf Alipay

Alipay

前端面试题(答案)
PS导出从模糊到清晰的图片 小波算法
  • Table of Contents
  • Overview
dctxf

dctxf

72 posts
5 categories
65 tags
RSS
GitHub Weibo Twitter FB Page
Links
  • iwuly
  • 深蓝
  • 插秧哥
  1. 1. vuex 数据更新但页面没有刷新
    1. 1.1. 原因
    2. 1.2. 解决方案
0%
京ICP备20005674号-1 © 2015 – 2020 dctxf
Powered by Hexo v3.9.0