iview中select的使用

2021-09-19 12:44:21 字數 839 閱讀 1664

待完善 參考

label

="區域"

prop

="districtid"

>

v-model

="step1form.districtid"

placeholder

="選擇區域"

@on-change

="mydistrict"

:label-in-value

="true"

>

v-for

="item in arealist"

:value

="item.id"

:key

="item.id"

>

}option

>

select

>

formitem

>

arealist資料結構

[

]

step1form.districtid 拿到的是8762

問題:我想拿到item.name,也就是"杭州"

解決

給select繫結:label-in-value="true",事件函式mydistrict就可以接收乙個引數

mydistrict

(val)

,

val的值為乙個物件

可以使用val.label來獲取"杭州"這個值

iView之Select元件的優化

我們公司的元件庫是基於iview比較早的版本修改後的僅供公司內部使用的元件庫,因此在使用的過程中就會遇到一些問題。接下來本文會對比select元件在效能上做出的優化。我們先來回顧一下debounce函式的使用場景 在前端頁面我們會遇到一些頻繁觸發的事件 比如 滑鼠的移動mousemove事件 win...

解決iview 的select下拉框選項錯位的問題

2018.04.11 官方發布了2.13.0版本,之前寫的 樣式全亂掉了 小版本發布,為何不相容啊,難道是帶著bug上線?2018.04.10 很不幸,更新到官方2.12.0版本,下拉框彈出層又出問題了,transfer不管用了。2018.03.11現在官方提供了解決方案 設定transfer屬性,...

Ruby on Rails中select使用方法

在ruby on rails中真的有一堆select helper可以用,我們經常容易混淆。常見的有三個.select,select tag,collection select 其餘的什麼select date那些不談 我們先來看看乙個基本的下拉式選項骨架 p select name ror opt...