最近一个vue和element的项目中遇到了一个问题： 动态生成的对象进行双向绑定是失败 直接贴代码： 上面一个简单的element的表单；[b]addClass[/b]就是我要将数据绑定到的对象；他初始是一个空对象；我需要在其他地方读取然后给他添加属性，同时给表单进行绑定。 在这个过程中就发现，双向绑定失败了 ， 而且也没有报错。 我是通过[b]obj.xxx = xxx;[/b]这种方法进行绑定； 经过测试发现双向绑定并没有实现。 [b]解决方法：[/b] 参照 VUE官方文档： [url=https://cn.vuejs.org/v2/guide/reactivity.html]https://cn.vuejs.org/v2/guide/reactivity.html[/url] ; 受现代 JavaScript 的限制（以及废弃 Object.observe），Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。例如： Vue 不允许在已经创建的实例上动态添加新的根级响应式属性(root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上： [b]Vue.set(vm.someObject, 'b', 2)[/b] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。