element ui --- el-select 組件v-model后台返回值無法修改的問題


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數據類型是否相同的問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM