关于vue.js存在某些情况下 v-model绑定数据不实时更新解决办法

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

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

关于vue.js存在某些情况下 v-model绑定数据不实时更新解决办法


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


见Vue.js中文官网->进阶->深入响应式原理->变化检测问题

受现代 JavaScript 的限制(以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 
会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 
转换它,这样才能让它是响应的。例如:


我是看不懂 上面说的,投机取巧  我的解决办法就是 利用jquery 的text() 方法 

关于vue.js存在某些情况下 v-model绑定数据不实时更新解决办法

关于vue.js存在某些情况下 v-model绑定数据不实时更新解决办法

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

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