web前端开发

elementUi里面的el-input框有时候无法输入的问题

2022-03-28  本文已影响0人  爱学习的新一

最近发现项目中需要输入内容的时候,input框有时候会无法输入进去

<el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
        </el-form-item>

原因:视图没有更新
发现elementUI中@input事件可以拿到当前输入的值
解决方法this.$forceUpdate()强制更新

        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" @input="change($event)"></el-input>
        </el-form-item>

js

      change(e){
        this.$forceUpdate()
      }
上一篇下一篇

猜你喜欢

热点阅读