在清空搜索框值后页面不进行渲染，解决方法

最新推荐文章于 2024-02-12 23:51:20 发布

敲代码的铁憨憨

最新推荐文章于 2024-02-12 23:51:20 发布

阅读量422

点赞数

本文链接：https://blog.csdn.net/qq_42346071/article/details/104611301

版权

input搜索框需要清空时

<el-form-item  label="设备:" class="margin-left">
 <el-input size="small" v-model="filters.equipmentName" placeholder="设备" suffix-icon="el-icon-search" @focus="popupSelectEquipment1"  clearable  @clear="clear('equipmentName')"></el-input>
</el-form-item>

加 clearable @clear=“clear(‘equipmentName’)”

 clear(type) {
        if (type === "equipmentName") {
          this.$set(this.filters, "equipmentName", "");
          this.$set(this.filters, "equipmentId","");
        }
        this.$forceUpdate()
      },

把值都赋为空后，用this.$forceUpdate()进行页面渲染