vue+element開(kāi)發(fā)使用el-select不能回顯怎么解決

本篇內(nèi)容主要講解“vue+element開(kāi)發(fā)使用el-select不能回顯怎么解決”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“vue+element開(kāi)發(fā)使用el-select不能回顯怎么解決”吧!

使用el-select不能回顯的處理

下拉框選擇的時(shí)候，選不上下拉框的值，element提供了@change事件使用vm.$forceUpdate() 方法進(jìn)行強(qiáng)制刷新，就可以把值渲染上去。

$forceUpdate()

                  <el-select v-model="price" clearable placeholder="請(qǐng)選擇"                 
                    @change="$forceUpdate()">
                    <el-option
                      v-for="(item, index) in menuList"
                      :key="index"
                      :label="item.name"
                      :value="item.id"
                    ></el-option>
                  </el-select>

這樣就可以解決。

el-select編輯數(shù)據(jù)不回顯問(wèn)題

編輯數(shù)據(jù)的時(shí)候需要回顯下拉數(shù)據(jù)，我們只需要獲得其值，vue會(huì)自動(dòng)幫我們循環(huán)查詢?nèi)缓蠡仫@。先看看問(wèn)題。

原下拉數(shù)據(jù)（orderTypeId 為我們需要的值 是字符串類型）

編輯 后臺(tái)給我們返回的數(shù)據(jù)（serveId為數(shù)字類型）

后臺(tái)修改完類型后

到此，相信大家對(duì)“vue+element開(kāi)發(fā)使用el-select不能回顯怎么解決”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！