当组件是正常渲染的情况下,但是页面并没有将该变换的组件数据更新时可以尝试用$forceUpdate()方法强制刷新组件。
<template>
<div>
<el-form-item label="风险类型" prop="RiskFun" v-if="RiskFunRemone">:
<el-select v-model="ruleForm.RiskFun" @change="RiskFunDeom" multiple @visible-change="$forceUpdate()" placeholder="请选择风险类型">
<el-option
v-for="item in ruleForm.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</div>
</template>
// 在change监听到数据变化后,下拉框内的数据并没有实时变化可以使用@visible-change="$forceUpdate()"强制刷新的方式 刷新监听到数据变化并渲染