最近在项目中发现表单中的输入框有时候会无法输入进去(狂摁键盘,啥也没有)

最后找到了问题的根源,是有时候其实是获取到了数据,但是视图并没有更新

<el-form-item label="名称" prop="name">
  <el-input v-model="goodsDetails.name" @input=“changeValue”></el-input>
</el-form-item>

解决办法使用@input事件:

在输入框值改变的时候,调用this.$forceUpdate()强制刷新

 methods: {
    changeValue (e) {
      this.$forceUpdate()
    }
  }
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐