vue二級聯動select

2022-04-19 01:10:43 字數 795 閱讀 8149

<

div>

<

span

>所在區域

span

>

<

select

name

=""v-model

="country"

>

<

option

:value

="item"

v-for

="(item,index) in area"

>}

option

>

select

>

<

select

name

=""v-model

="cityname"

>

<

option

:value

="item"

v-for

="(item,index) in country.city"

>}

option

>

select

>

div>

vue data:

export default

, ,,,

/*,*/],

}},

實現原理:通過vue v-model 繫結獲取到area當前的物件,讓後city遍歷的時候世界遍歷當前獲取到的國際的物件下的city就好,當需要向後台傳值的,要傳的是vue例項下 this.countryname.country

jquery實現select二級聯動

jquery實現乙個簡單的select二級聯動選單,如下 1 doctype html 2 html 3 head 4 meta charset utf 8 5 title jquery 二級聯動 title 6 style 7.city 10.city first 13style 14 scrip...

Jsp之select二級聯動

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

二級聯動,多級聯動

首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...