element-ui中的select下拉列表如何設置默認值？

創(chuàng)新互聯公司從2013年開始，先為福安等服務建站，福安等地企業(yè)，進行企業(yè)商務咨詢服務。為福安企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

在element-ui的運用中，涉及到了select下拉列表。項目中需要將select的默認值給展示出來

那如何修改呢？

上element-ui中的代碼片段

修改如下

接下來。我們在點擊查詢的方法里打印一下value的值

onSearch () {
 // console.log('value是' + this.value)
 if (this.value === '全部') {
  this.value = '0'
 }
}

這樣就保證了this.value打印出來的為0,1,2,3。拿到這些值后，就可以傳給后端，請求數據了！

拓展知識：基于VUE中的el-select 初始值設置問題介紹

如下所示：

本人用的是vue下ELement，上面事例里面的v-model里面是admin_type是后臺讀取的一個類型值，

當這個admin_type和dict_id相等的時候，option就相當于設置了selected。

然后我每次后臺讀取的數據都沒法顯示真正的text（即上面option中l(wèi)abel）的值，只是顯示了dict_id的真實值。各種嘗試后發(fā)現和我之前的一篇博客所說的問題一樣。

因為后臺讀取到的dictId是字符串比如：“1”，而option根據value查找對比的是數字int：1，所以每次后臺讀取的數據必須在paraeInt，才可以正確顯示。

以上這篇element-ui中的select下拉列表設置默認值方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯。