因为要生成动态查询,所以想把查询字段转为动态添加的,然后使用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
标签:el,elementui,查询,input,forceUpdate,输入 From: https://www.cnblogs.com/luzanzan/p/17595915.html