elementUIselect組件默認(rèn)選中效果怎么實(shí)現(xiàn)

這篇文章主要介紹了elementUI select組件默認(rèn)選中效果怎么實(shí)現(xiàn)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是專業(yè)的王屋網(wǎng)站建設(shè)公司，王屋接單;提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行王屋網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

首先，v-model的值為當(dāng)前被選中的el-option的 value 屬性值

需求：進(jìn)入編輯頁(yè)面，狀態(tài)欄默認(rèn)選中生效，如下顯示：

html部分代碼：

data的form中定義status屬性：

再看data中options的定義，options為選擇框中所有的可選內(nèi)容，有l(wèi)abel屬性（某一項(xiàng)的名字）和value屬性（某一項(xiàng)的具體的值），value才是我們需要的值，也是傳到后端的值，而label是展示給用戶看的值，重復(fù)一點(diǎn)：v-model的值為當(dāng)前被選中的el-option的 value 屬性值

options: [{
      value: '1',
      label: '生效'
    }, {
      value: '2',
      label: '失效'
    }],

因此，如果需要默認(rèn)選中生效選項(xiàng)，需要把生效對(duì)應(yīng)的value賦給el-select的v-model

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“elementUI select組件默認(rèn)選中效果怎么實(shí)現(xiàn)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

網(wǎng)站名稱：elementUIselect組件默認(rèn)選中效果怎么實(shí)現(xiàn)
當(dāng)前URL：http://m.jiaotiyi.com/article/ipdgis.html