iview2 Selelt的二級聯動

2022-08-19 06:15:12 字數 383 閱讀 8879

在iview select元件中是沒有支援二級聯動的,現在記錄下具體使用:

js的主要**

其實 實現思路很簡單,主要就是利用select元件中的on-change事件進行監聽。當他改變的時候重新渲染二級選單達到我們的效果。

需要注意的幾點是

1.當我們修改一級選單的時候預設返回的是value,所以在方法裡面我是通過val值進行匹配,判斷當時選擇的是哪個一級選單,然後渲染對應的二級選單。

2.我在option裡設定:value與:key的時候設定了不存在的值,所以會導致如下報錯

解決方法確保你設定的value與key當時是有值的狀態即可。

先做這些簡單的介紹,如果有需要可以更深入的學習。

iview2 之select二級聯動細談

還是二級聯動問題,之前的方法是可以實現二級聯動的。但是理想很豐滿,現在很骨感。因為後台可能也沒法給你理想的資料結構。最後想到辦法的利用兩個介面拿到資料,實現渲染。直接來 遇到的問題與解決方法 1.select預設只返回乙個值,但我同時需要firstid與firstname兩個引數。解決方法 labe...

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

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

日語二級詞彙 動詞(2)

得 他 得到 獲得 追 他 追 趕 驅逐 追求 終 他 做完 結束 拝 他 叩拜 下拜 懇求 瞻仰 補 他 補充 補上 彌補 補償 置 自他 下 霜 放置 擱 存放 設定 間隔 贈 他 贈送 授予 怒 自 發怒 生氣 訓斥 収 他 收下 接收 取得 獲得 繳納 納 他 收下 接收 取得 獲得 繳納 ...