el-input框无法输入和删除

最近在写一个修改数据的功能，使用的是elementUI中的el-form以及el-input组件，完成之后，在进行测试的时候，发现弹窗中的el-input无法进行编辑，于是上网查了一波信息，找到一个解决方法：

在input框上绑定一个input事件，然后在这个事件中进行强制清楚

具体代码如下：

<el-form ref="problem" :model="problemValue" :rules="rules" class="addProblem">
    <el-form-item label="标准问法" prop="title">
       <el-input v-model="problemValue.title" placeholder="请输入内容" @input="changeInput($event)"/>
    </el-form-item>
    <el-form-item label="标准答案" prop="content" id="answer">
       <editor v-model="problemValue.content" :min-height="192" />
    </el-form-item>
</el-form>

method: {
    changeInput($event) {
        this.$forceUpdate()
    }
}

最后问题就给解决了，不过令我感到困惑的是造成这个问题的原因并没有找到，即便在网上查了一波，依然没有找到造成相关问题的根源是什么，挠头，如果有大佬看到文章后，欢迎不吝赐教