Element表单中输入框无法输入

描述：所遇到的问题是，在表单中有部分输入框是根据下拉框所选择的数据来显示和隐藏的，这时候就遇到有的输入框存在不能输入的问题（可以聚焦，但是输入无效）

 失败处理：一开始我以为是响应式丢失的问题，然后在侦听器中通过set处理这个输入框的数据，这时候已经生效了，但是在多个下拉框多次选择数据及弹层打开关闭的情况下，依然存在之前不能输入的情况

成功处理：在输入框的input事件中调用$forceUpdate() 进行强制刷新

<el-form-item label="名称：" prop="productName" v-show="isShowProName">
    <el-input
        @input="changeProductName($event)"
        v-model="addFormData.productName"
        style="width: 140px;"
     >
    </el-input>
</el-form-item>

// 处理输入框输入问题
changeProductName() {
    this.$forceUpdate()
}