Vue中select下拉框的預設選中項的三種情況

2021-10-24 20:36:24 字數 1368 閱讀 4165

關於select選項的寫法 有三種情況 ①.寫在html中,②.寫在js乙個陣列中,③.通過介面去獲取得到,我們直接上**:

第一種是option的值寫在html中

>

"status" id=

"status" v-model=

"selected"

>

"">請選擇<

/option>

"1">未處理<

/option>

"2">處理中<

/option>

"3">處理完成<

/option>

<

/select>

<

/div>

newvue(,}

)<

/script>

第二種是option 選項內容寫在js中的,通過v-for來遍歷的:

>

"status" id=

"status" v-model=

"selected"

>

"item.statusid" v-

for=

"(item,index) in statusarr"

>

}<

/option>

<

/select>

<

/div>

<

/body>

newvue(,,

,,],

selected:''}

,created()

})<

/script>

第三種是option 選項內容 通過介面去獲取 但是介面裡沒有預設選中項怎麼辦呢?看**

>

"status" id=

"status" v-model=

"selected"

>

<

!-- 由於從介面獲取的select的下拉值沒有『請選擇』,所以我們要自己寫乙個 --

>

"">請選擇<

/option>

"item.statusid" v-

for=

"(item,index) in statusarr"

>

}<

/option>

<

/select>

<

/div>

<

/body>

newvue(

,getselectinfo()

})},

created()

})<

/script>

下拉框處理(select)

在ui自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click,很容易出現問題,不建議使用。由於部分下拉框在點選一次後,失去焦點再點下一次時可能下拉框中的引數就消失了,那麼就無法進行選擇了,所以會出現無法定位到目標元素或目標元素不可見...

美化的select下拉框

ie7瀏覽器以後的下拉框,給他加上邊框樣式,是沒用的。要是想做出樣式好看的下拉框需要用js或者jquery來模擬實現。如下 class r class link id link css div.bottomtop div.bottomtopright dl.link div.bottomtop di...

jsp下拉框select中options遍歷集合

第一種方式 使用options items 後台傳過來的集合 itemlabel 取集合中的某個屬性進行顯示 itemvalue 將遍歷的值賦值給某個屬性 htmlescape 設定是否啟用預設html字元轉換,填true或者false 注意 用options遍歷集合時,不需要c foreach標籤...