el-input输入框绑定的内容无法修改，点击回退键无法删除

沸羊羊yang

于 2020-08-15 11:45:23 发布

阅读量2.5k

点赞数 1

文章标签： typescript es6

本文链接：https://blog.youkuaiyun.com/shine1162226/article/details/108020294

版权

本文介绍了在使用el-input时遇到的输入内容无法修改及点击回退键无效的问题，提出了解决方案，即在el-input组件上添加change方法以强制更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-input输入框绑定的内容无法修改，点击回退键无法删除

解决办法：
例如：

<el-input
              tabindex="0"
              maxlength="20"
              value-key="searchkey"
              v-model="dutydata[index].phoneumber"
              :fetch-suggestions="querySearch"
              @input="change($event)"
   ></el-input>

需要在el-input中增加change方法

 @input="change($event)"

然后强制更新

change(e: any) {
  this.$forceUpdate();
}