项目中有这样的需求:在一个dialog表单form中,点击添加按钮,弹出另外一个dialog表单form,在点击添加按钮后弹出的dialog表单中,有时候会出现input、select无法输入、选择的情况。
出现这样的问题是因为 视图没有更新
解决:使用this.$forceUpdate()
<el-form-item label="步长" prop="step">
<el-input
v-model="param.step"
placeholder="请输入步长"
@input="forceUpdate"
/>
</el-form-item>
<el-form-item label="单位" prop="unit">
<el-select
v-model="param.unit"
placeholder="请选择单位"
style="width: 100%"
@change="forceUpdate"
>
<el-option
v-for="dict in dataUnitOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
forceUpdate() {
this.$forceUpdate();
}