使用elementui中el-input时无法输入问题
因为要生成动态查询,所以想把查询字段转为动态添加的,然后使用el-input时候,发现el-input无法输入,然后打印出来的话就只能显示输入的第一个字符,
后来查询了网上的办法发现,这是因为嵌套太深了,办法是 需要 $forceUpdate() 强制刷新
输入框:
<el-input style="width: 150px;margin-top: 10px;" :style="{'margin-left':index===0?'0px':'10px'}"v-for="(inputItem,index) in queryCondition":placeholder="'按'+inputItem.columItemLable+'查询'"v-model="selectCondition[inputItem.columItemName]":key="inputItem.columItemName"@input="check"clearable></el-input>
方法:
methods:{
check(val){
this.$forceUpdate(); //强制刷新
}
}
参考 https://blog.csdn.net/libusi001/article/details/127354352