關於el select元件設定預設值的實現

2021-10-23 13:29:24 字數 931 閱讀 9504

問題:

最近寫專案的時候遇到將el-select元件設定預設值需求,通過查閱資料發現很多是使用v-model來實現的,但是只用v-model可能會有一些小小的問題。因此根據他們的進行改變了一下

實現方式 el-select元件:

"templatevalue" placeholder=

"請選擇模板" @change=

"selecttm"

>

v-for=

"item in templatedata"

:key=

"item.id"

:label=

"item.print_name"

:value=

"item.id"

>

<

/el-option>

<

/el-select>

data屬性:

templateidentify:

true

, tmid:"",

filename:

'沒有任何檔案'

,//檔名

這裡將templatevalue的值賦值為陣列的第乙個內容。其次在select中新增@change="selecttm"事件,這個事件會傳入使用者選擇的id,然後將這個id賦值給tmid

有的小夥伴會問,如果使用者沒有做出選擇,那麼tmid就為空字串了。並且選擇器會不會永遠是陣列的第乙個內容,不會的我們用v-model進行繫結了,使用者選擇的內容會實時顯示在選擇器上。因此看下面一段**

created()

,methods:

,init()

}}

用來判斷使用者是否做出選擇了,如果沒有選擇,那麼預設的把templatedata陣列中的第一項的id賦值給tmid

el select元件傳遞物件值

使用el select元件時,如果不加特別配置,選項裡的物件都是藍色,為選中狀態。這時,需要在裡新增 value key id 項 然後在option裡面的key id,這樣就可以正常傳遞物件值了 如下圖 selected item value key id style width 150px cl...

el select 元件下拉框被遮擋問題

發生這種問題的情況 1.當選擇框處於頁面邊緣 2.它的父級又沒有使用fixed 定位 3.下拉框選項內容過長 如下圖 解決辦法 1.element ui 的el select 的下拉框定位它會去判斷父級是否有fixed 定位如果有那麼下拉框也會是採用fixed 定位,這個時候回去判斷瀏覽器的邊框和 ...

Controller如何設定接受引數的預設值?

public responsebody object queryactivityforpagebycondition requestparam value kkk required false defaultvalue 1 int pageno,requestparam required false...