vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改的解決
更新時(shí)間：2024年01月16日 15:50:08 作者：小叮當(dāng)仁不讓
本文主要介紹了vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改解決,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文主要介紹了vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改的解決，分享給大家，具體如下：
<el-form-item label="展示內(nèi)容" prop="videoId">
<el-select class="modal-input" multiple v-model="form.videoId">
<el-option
class="modal-input"
v-for="(item) in videoIdTypes"
:key="item.id"
:label="item.videoName"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
點(diǎn)擊選擇和刪除都無效
添加事件，實(shí)現(xiàn)選擇一次就刷新，迫使 Vue 實(shí)例重新渲染
<el-form-item label="展示內(nèi)容" prop="videoId">
<el-select class="modal-input" multiple v-model="form.videoId" @change="$forceUpdate()">
<el-option
class="modal-input"
v-for="(item) in videoIdTypes"
:key="item.id"
:label="item.videoName"
:value="item.id"
></el-option>
</el-select>
</el-form-item>到此這篇關(guān)于vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改的文章就介紹到這了,更多相關(guān)el-select沒法重新選擇和更改內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue-element-admin如何從mock數(shù)據(jù)過渡到使用后臺(tái)接口
這篇文章主要介紹了vue-element-admin如何從mock數(shù)據(jù)過渡到使用后臺(tái)接口問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了Ant Design Vue Table組件合并單元格方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要給大家介紹了關(guān)于分離vue文件中css、js代碼的簡(jiǎn)單技巧,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
Vue select 綁定動(dòng)態(tài)變量的實(shí)例講解
這篇文章主要介紹了Vue select 綁定動(dòng)態(tài)變量的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue使用動(dòng)態(tài)組件手寫Router View實(shí)現(xiàn)示例
這篇文章主要為大家介紹了vue使用動(dòng)態(tài)組件手寫RouterView實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
django中使用vue.js的要點(diǎn)總結(jié)
在本篇文章里小編給各位整理了關(guān)于django中使用vue.js需要注意的地方以及相關(guān)知識(shí)點(diǎn)，需要的朋友們跟著學(xué)習(xí)參考下。2019-07-07
一步步教你用Vue.js創(chuàng)建一個(gè)組件(附代碼示例)
組件(Component)是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關(guān)于如何一步步用Vue.js創(chuàng)建一個(gè)組件的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Vue 同步異步存值取值實(shí)現(xiàn)案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue頁面跳轉(zhuǎn)實(shí)現(xiàn)頁面緩存操作
這篇文章主要介紹了vue頁面跳轉(zhuǎn)實(shí)現(xiàn)頁面緩存操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要給大家介紹了關(guān)于Vue3更高效的構(gòu)建工具Vite使用的相關(guān)資料,Vite是一種面向現(xiàn)代瀏覽器的一個(gè)更輕、更快的前端構(gòu)建工具,能夠顯著提升前端的開發(fā)體驗(yàn),需要的朋友可以參考下2023-10-10