vue页面数据双向绑定失效原因
vue页面数据双向绑定失效原因
解决方法:
单向绑定:js的值可以在标签中显示
var vueObj = new Vue({//绑定vue
el: $doc.find("form").get(0),
data: {"tb_ship_report_boater":[{}]},
methods: {}
});
双向绑定:js的值可以在标签中显示,同时输入的值也可以改变js中的值
var vueObj = new Vue({//绑定vue
el: $doc.find("form").get(0),
data: {"tb_ship_report_boater":[{job:""}]},
methods: {}
});
<input type="text" name="tb_ship_report_boater[0].job" v-model="tb_ship_report_boater[0].job" />
所以要想双向绑定数据,就得在data中事先声明,否则失效!
本文地址:http://www.yayihouse.com/yayishuwu/chapter/1168