vue 在循环之后 v-model不起作用 输入框不能输入值
问题:开始没有修改绑定值 searchInfo值的时候,没有问题。当我在以下代码中修改之后就出问题了computed:{searchInfo:{get:function () {let object=this.searchObject;this.formItemList.forEach(value=>{this.$set(object,[value.prop],value.data.
·
问题:开始没有修改绑定值 searchInfo 值的时候,没有问题。当我在以下代码中修改之后就出问题了
computed:{
searchInfo:{
get:function () {
let object=this.searchObject;
this.formItemList.forEach(value=>{
this.$set(object,[value.prop],value.dataType||''); // good
//bad object[value.prop]=value.dataType||'';
});
return object
},
}
},
原因:searchInfo对象没有初始化,属性未声明 解决:使用this.$set 对vue 变量进行修改
总结:
v-model 绑定的组件如果是内容不能输入或是选择;输入之后又被清空
原因有三:
1. 绑定变量没有被定义(在输入内容之后,值就没有一个可以接收它的变量)
2. 变量值的引用被修改,建议使用this.$set 对较复杂的引用值进行修改
3. 没有绑定v-model(一般都是不会忘的)
更多推荐
已为社区贡献5条内容
所有评论(0)