问题
使用elementui输入框及选择器,v-model层级过多后导致输入框无法输入、选择器无法选择。
问题代码
<el-form-item
prop="cmCaseAdjustmentAddVo.bracesWornCount"
:label="$t('case.numberofsets')"
>
<el-input
v-model="form.cmCaseAdjustmentAddVo.bracesWornCount"
></el-input>
</el-form-item>
<el-form-item
prop="isPlanned"
:label="$t('case.schedule')"
>
<el-select
v-model="form.cmCaseAdjustmentAddVo.isPlanned"
>
<el-option
v-for="item in isPlannedOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
解决方法
输入框:添加input事件
选择器:添加change事件
<el-form-item
prop="cmCaseAdjustmentAddVo.bracesWornCount"
:label="$t('case.numberofsets')"
>
<el-input
v-model="form.cmCaseAdjustmentAddVo.bracesWornCount"
@input="handleUpdate($event)"
></el-input>
</el-form-item>
<el-form-item
prop="isPlanned"
:label="$t('case.schedule')"
>
<el-select
v-model="form.cmCaseAdjustmentAddVo.isPlanned"
@change="handleUpdate($event)"
>
<el-option
v-for="item in isPlannedOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
handleUpdate(e) {
this.$forceUpdate();
}