iview2 之select二級聯動細談

2022-08-19 06:12:15 字數 797 閱讀 2615

還是二級聯動問題,之前的方法是可以實現二級聯動的。但是理想很豐滿,現在很骨感。因為後台可能也沒法給你理想的資料結構。最後想到辦法的利用兩個介面拿到資料,實現渲染。直接來**

遇到的問題與解決方法

1.select預設只返回乙個值,但我同時需要firstid與firstname兩個引數。解決方法:label-in-value(是否將 label 和 value 一併返回,預設只返回 value),這個api主要幫我實現將firstid傳給獲取二級欄目當引數,firstname傳給儲存介面。

2.渲染問題:1)沒注意:key這個引數。寫的是:key="item.firstid"結果死活都渲染不出我想要的資料。因為在沒使用:label這個api是沒有任何問題的,最後仔細想想原來物件渲染的問題key與value當然要對應不然怎麼實現渲染,想打自己。

2)on-change事件中選中的option變化時觸發,預設返回 value,如需返回 label,詳見 label-in-value 屬性。這是官網給寫的解釋,所以:label應該顯示firstname,那:value與:key就得用id與進行匹配。

3)當文章是處於編輯狀態,當然要把文章渲染進來。可是由於生命週期的原因一開始拿不到父級傳的資料,有考慮過陣列更新沒渲染的問題,使用$set去解決。但並沒效果,就想到了如果沒有獲取到資料就再次渲染直到拿到資料。終於搞定。不知道哪位大                                佬有更好的解決方案。

當解決完這些問題,都覺得好簡單,但是當時可不是這種想法。到這裡,所有的事情都解決,等待上線。

iview2 Selelt的二級聯動

在iview select元件中是沒有支援二級聯動的,現在記錄下具體使用 js的主要 其實 實現思路很簡單,主要就是利用select元件中的on change事件進行監聽。當他改變的時候重新渲染二級選單達到我們的效果。需要注意的幾點是 1.當我們修改一級選單的時候預設返回的是value,所以在方法裡...

Jsp之select二級聯動

select聯動在實際專案中是再熟悉不過了,經常要使用到,每次都要去整理,梳理,會花費一些不必要的時間。然而select標籤的使用,在不同的開發中也不一樣,比如在vue中跟jsp中,今天主要是梳理在jsp中的應用,vue的使用也是類似。當然,方法有很多種,下面這種方法是我個人比較經常使用的,需要的朋...

iView之Modal 一級彈窗和二級彈窗

iview之modal 一 普通元件使用方法 普通元件使用方法直接在頁面中寫標籤,在頁面內可以寫內容。內容也可以自定義標籤引入。下面是兩種方式引入內容 第一種,直接在modal標籤內寫內容 普通元件使用方法 自定義內容 第二種,在modal標籤內引入自定義元件 普通元件使用方法 使用自定義元件 一 ...