由于弹出框嵌套了两层,导致input输入框毫无反应;后来发现是组件套用太深,vue检测不到视图更新,在失效输入框的input事件中加 this.$forceUpdate()强制刷新;

<el-form-item label="测试数据:" required>
    <el-input
      v-model="test"
      type="number"
      @blur="formatTextNumber($event)"
      @input="changeInput($event)"
    ></el-input>
  </el-form-item>
 changeInput(e) {
      this.$forceUpdate();
    },

注意:此方法会导致在部分浏览器中的input的失焦事件blur 失效,在Google浏览器中正常,在火狐浏览器中就不行了,目前正在探索中,还没找到解决办法。

Logo

前往低代码交流专区

更多推荐