element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù)操作代碼
element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù),具體代碼如下所示:
<el-form-item label="是否激活" prop="activationId"> <el-select v-model="formParams.activationId" style="width: 140px" clearable placeholder="請選擇" > <el-option v-for="item in activationList" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-if="!activationList.some(list=> list.id === formParams.activationId)&&formParams.activationId!==''" :label="formParams.activationName" :value="formParams.activationId" /> </el-select> </el-form-item> export default { data () { return { formParams:{ //回顯被刪除的id activationId:1, //回顯被刪除的name activationName: '已激活' }, activationList: [ //此處注釋掉,假設(shè)第一條數(shù)據(jù)被刪除 //{id: 1, name: '已激活'}, {id: 0, name: '未激活'} ] } } }
到此這篇關(guān)于element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù)的文章就介紹到這了,更多相關(guān)element select回顯已經(jīng)刪除的數(shù)據(jù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui 表格操作列按鈕動(dòng)態(tài)顯示的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui 表格操作列按鈕動(dòng)態(tài)顯示的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09淺談JavaScript中Date(日期對象),Math對象
這篇文章主要簡單介紹了JavaScript中Date(日期對象),Math對象的相關(guān)資料,需要的朋友可以參考下2015-02-02關(guān)于JavaScript奇怪又實(shí)用的六個(gè)姿勢
這篇文章主要給大家介紹了關(guān)于JavaScript奇怪又實(shí)用的六個(gè)姿勢,這些技巧和建議是我平常在開發(fā)項(xiàng)目上會(huì)用到的,希望能讓大家學(xué)到知識,需要的朋友可以參考下2021-10-10setTimeout函數(shù)兼容各主流瀏覽器運(yùn)行執(zhí)行效果實(shí)例
setTimeout是一個(gè)很不錯(cuò)的函數(shù),網(wǎng)站頁面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動(dòng)作,下文要講的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流瀏覽器2013-06-06微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12