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

今天在用element ui 的时候有一个text 输入框没办法输入值。
在添加可以，在修改就连光标也不能移动了。
如图
一度以为自己写的代码有问题，是自己绑定值的时候出现的绑定失误造成的。
但是经过排查后发现代码没有问题：

  <el-row>
        <el-col :span="8">
          <el-form-item label="出版社名">
           
             <el-input v-model="dataForm.publisherName"   type="text" placeholder="出版社名称"></el-input>
          </el-form-item>
        </el-col>

于是解决
最终解决的最终结果为：

  <el-row>
        <el-col :span="8">
          <el-form-item label="出版社名">
           
             <el-input v-model="dataForm.publisherName" @input="change($event)" type="text" placeholder="出版社名称"></el-input>
          </el-form-item>
        </el-col>

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

我们的解决方法是，在我们的input 的change时间中，我们可以捕获 event 事件。里面有一个更改状态

强制刷新更改状态，适用于像数组或者对象改变的时候，视图没有更新的情况。updated函数会执行，不是刷新整个组件。这样我们在界面不更改的情况下，就可以达到我们的效果。

问题解决完毕