快捷導(dǎo)航

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中@click綁定事件點(diǎn)擊不生效的解決
這篇文章主要介紹了vue中@click綁定事件點(diǎn)擊不生效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-08-08
基于 vue-skeleton-webpack-plugin 的骨架屏實(shí)戰(zhàn)
這篇文章主要介紹了基于 vue-skeleton-webpack-plugin 的骨架屏實(shí)戰(zhàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
vue.js實(shí)現(xiàn)照片放大功能
這篇文章主要為大家詳細(xì)介紹了vue.js實(shí)現(xiàn)照片放大功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
element vue validate驗(yàn)證名稱重復(fù) 輸入框與后臺(tái)重復(fù)驗(yàn)證特殊字符字符長(zhǎng)度及注意事項(xiàng)小結(jié)【實(shí)例代碼
這篇文章主要介紹了element vue validate驗(yàn)證名稱重復(fù) 輸入框與后臺(tái)重復(fù)驗(yàn)證特殊字符字符長(zhǎng)度及注意事項(xiàng)小結(jié),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-11-11
vue遞歸組件實(shí)現(xiàn)樹形結(jié)構(gòu)
這篇文章主要為大家詳細(xì)介紹了vue遞歸組件實(shí)現(xiàn)樹形結(jié)構(gòu)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-09-09
vue2.0 循環(huán)遍歷加載不同圖片的方法
下面小編就為大家分享一篇vue2.0 循環(huán)遍歷加載不同圖片的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
詳解如何在Vue中進(jìn)行表單自定義驗(yàn)證
在Vue應(yīng)用中,表單驗(yàn)證是非常重要的一部分,Vue提供了一些內(nèi)置的驗(yàn)證規(guī)則,比如required、min、max等,但是有時(shí)候我們需要對(duì)表單進(jìn)行自定義驗(yàn)證,以滿足特定的業(yè)務(wù)需求,本文將介紹如何在Vue中進(jìn)行表單自定義驗(yàn)證,感興趣的朋友可以參考下
2023-12-12
vue-cli3.0配置及使用注意事項(xiàng)詳解
這次給大家?guī)韛ue-cli3.0配置詳解，使用vue-cli3.0配置的注意事項(xiàng)有哪些？本文通過實(shí)戰(zhàn)案例給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
2018-09-09
Vue.js構(gòu)建你的第一個(gè)包并在NPM上發(fā)布的方法步驟
這篇文章主要介紹了Vue.js構(gòu)建你的第一個(gè)包并在NPM上發(fā)布的方法步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-05-05
Vue中如何獲取json文件中的數(shù)據(jù)
訪問百度音樂API需要傳遞音樂類型參數(shù)，而這些參數(shù)是存在musictype.json中，現(xiàn)在在組件listcate.vue需要獲取json數(shù)據(jù)，如何實(shí)現(xiàn)呢，下面小編給大家?guī)砹薞ue中如何獲取json文件中的數(shù)據(jù)，感興趣的朋友一起看看吧
2022-09-09