【已解决:el-input标签无法输入或不显示文字】

项目场景：

Springboot+Vue+Element Plus 实现关键字查询
vue版本:3.2.13
Element plus版本:2.0.5

---

问题描述：

input输入框无法及时更新数据，输入法有响应但是输入框没有内容。
我这里是点击了button后input输入框才会有数据，并且数据不一定完整

    <div style="margin: 10px 0">
      <el-input v-model="search" style="width: 20%;" clearable placeholder="请输入关键字"/>
      <el-button type="primary" @click="load" style="margin-left: 5px">查询</el-button>
    </div>

解决方案：

为el-input标签的input事件绑定onInput()方法，在方法中实时刷新数据,代码如下

    <div style="margin: 10px 0">
      <el-input v-model="search" @input="onInput" style="width: 20%;" clearable placeholder="请输入关键字"/>
      <el-button type="primary" @click="load" style="margin-left: 5px">查询</el-button>
    </div>

  methods: {
    
    onInput() {
    
      this.$forceUpdate();
    }