使用elementui中el-input时无法输入问题

发布时间 2023-08-01 10:58:13作者: 妞妞猪

因为要生成动态查询,所以想把查询字段转为动态添加的,然后使用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