el-select 組件 在接收后台返回值有時會出現點擊選中沒反應,多選屬性下刪除沒反應的情況。直接用 @change = "$forceUpdate()"事件強制刷新組件渲染即可。代碼如下:
<el-form-item label="關聯物料組:" prop="materialGroupCode" class="doctorSelect"> <el-select v-model="ruleData.materialGroupList" placeholder="請選擇" clearable :multiple="true" @change = "$forceUpdate()" class="el-input-search mr-10"> <el-option v-for="item in Maoptions" :key="item.materialGroupCode" :label="item.materialGroupDesc" :value="item.materialGroupCode"> </el-option> </el-select> </el-form-item>
以上即可。
寫在后面:如果有el-select 選中值 無法正常回顯的情況下 一定要注意接口返回的value數據類型和select里定義的value數據類型是否相同的問題。