element select下拉框編輯時回顯已經(jīng)刪除的數(shù)據(jù)操作代碼
更新時間:2024年05月17日 10:00:05 作者:肖老師xy
今天做項目遇到一個棘手的問題,關(guān)于element select下拉框編輯時回顯問題,下面小編通過實例代碼介紹element select下拉框編輯時回顯已經(jīng)刪除的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧
element select下拉框編輯時回顯已經(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下拉框編輯時回顯已經(jīng)刪除的數(shù)據(jù)的文章就介紹到這了,更多相關(guān)element select回顯已經(jīng)刪除的數(shù)據(jù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui 表格操作列按鈕動態(tài)顯示的實現(xiàn)方法
今天小編就為大家分享一篇layui 表格操作列按鈕動態(tài)顯示的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09淺談JavaScript中Date(日期對象),Math對象
這篇文章主要簡單介紹了JavaScript中Date(日期對象),Math對象的相關(guān)資料,需要的朋友可以參考下2015-02-02setTimeout函數(shù)兼容各主流瀏覽器運行執(zhí)行效果實例
setTimeout是一個很不錯的函數(shù),網(wǎng)站頁面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動作,下文要講的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流瀏覽器2013-06-06