使用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