快捷導(dǎo)航

vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改的解決

更新時間：2024年01月16日 15:50:08 作者：小叮當仁不讓

本文主要介紹了vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(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>

點擊選擇和刪除都無效

在這里插入圖片描述

添加事件，實現(xiàn)選擇一次就刷新，迫使 Vue 實例重新渲染

<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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

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