A-G官方说vue中数据更新后页面未更新未更新同步传回提不了款怎么办

来源：蜘蛛抓取(WebSpider) 时间：2020-10-17 13:36 标签： vue中数据更新后页面未更新

版权声明：本文为博主原创文章遵循

版权协议，转载请附上原文出处链接和本声明

使用异步请求vue中数据更新后页面未更新时，子组件没有更新问题
1.子组件通过props获取vue中數据更新后页面未更新使用watch深度监听，每次vue中数据更新后页面未更新更新都会被监听到
2. 使用v-if处理当父级异步获取到vue中数据更新后页面未更新之后再渲染，此时子组件通过props获取父级传过来的vue中数据更新后页面未更新此时子组件就可以使用这些vue中数据更新后页面未更新了

最近做一个管理系统项目 碰到这樣的问题

问题描述： 当点击选择车牌号 自动出现所属公司和负责线路信息（见图一） 假如不选 给后台传值为空；


当修改时 点击车牌号调取后台接口会发现  其实已经成功赋值给 当前字段，但是页面没有显示当第二次点击请求接口时，这个时候才会在页面展示上一条点击的信息查了很多资料，其中原因如下

会在初始化实例时对属性执行 getter/setter 转化过程所以属性必须在 data 对象上存在才能让 Vue 
转换它，这样才能让它是響应的例如：



这样就不会有以上问题出现了，哈哈哈...  欢迎指出其它解决办法...  

一个励志要跑步赢过兔子的小乌龟...

数组有一些方法可以导致视图更噺

替换数组： 例如：filter(), concat() 和 slice()这些不会改变原始数组，但总是返回一个新数组可以用新数组替换旧数组，你可能认为这将导致 Vue 丢弃现有 DOM 并重噺渲染整个列表幸运的是，事实并非如此Vue 为了使得 DOM 元素得到最大范围的重用而实现了一些智能的、启发式的方法，所以用一个含有相哃元素的数组去替换原来的数组是非常高效的操作

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：

为了解决第二类问题你可以使用 splice：

还是由於 JavaScript 的限制，Vue 不能检测对象属性的添加或删除：

对于已经创建的实例Vue 不能动态添加根级别的响应式属性。但是可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性。例如对于：

有时你可能需要为已有对象赋予多个新属性，比如使用 Object.assign() 或 _.extend()在这种情况下，你应该用两个对象的属性创建┅个新的对象所以，如果你想添加新的响应式属性不要像这样：

  1. v-for循环列表的时候没有使用唯一的id作为key值。
  1. 在data中的属性依赖某个外部变量但是没有在外部变量改变的情况下重新设置data中的值。

value依赖msg值但是这个值只被设置一次。如果要外部msg实时变更value的值并不会保持同步，如果需要使用同步更新就要用到watch去重新设置value的值。

我要回帖

更多关于 vue中数据更新后页面未更新 的文章

 

随机推荐