vue @blur v-model数据没有更新问题
Posted knuzy
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue @blur v-model数据没有更新问题相关的知识，希望对你有一定的参考价值。
今天遇到一个问题，是一个输入框绑定了一个失去焦点事件，要发送一个客户填写的数据给后台查询然后拿到返回值把它渲染到页面上，但是从后台获取到的数据却没有在页面上渲染出来，console.log打印时显示数据已经变化成了从后台拿到的数据，却没有渲染到页面上。
看了官方文档之后发现，受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。
因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。
使用$set方法重新渲染
this.$set(this.stuxscg,"cbqkmc", response.data.kwmc[0].kwm)参数1：data中声明的对象名参数2：对象下的指定字段参数3：要变化的值
以上是关于vue @blur v-model数据没有更新问题的主要内容，如果未能解决你的问题，请参考以下文章
在 vue js 中使用单选按钮时 v-model 没有更新？
Vue 表单验证、数据验证2--input当中v-model绑定对象不实时更新