el-input文本框无法输入内容问题

767 阅读1分钟

问题:el-input可以点击,却显示不出键盘输入的内容。
解决办法:
方法1. el-input value属性修改为使用v-model

方法2. 使用input事件,实时刷新,两种方法本质其实是相同的。

方法3. 看前辈有推荐 通过input事件和this.forceUpdate() 强制刷新(但目前并没有验证出来) 在el-input标签中添加@input=“change(event)”;
在change事件中执行 this.$forceUpdate()强行刷新视图。

**

<el-form-item prop="" label="号码3">
        <el-input
          width="180px"
          :value="modelForm.billNo3"
          @input="change($event)"
        ></el-input>
      </el-form-item>

结果图:

image.png