vue实现下拉二级联动_vue实现二级联动效果

你如城市与省份间的二级联动效果

demo

.pag-set-bg{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;}

所在区域

{{item.country}}

{{item}}

new Vue({

el:'#app',

data:{

list:[

{

text: '这是第1条数据'

}

],

UniversityList:[],

schoolList:[],

countryName:{},

cityName:"请选择城市",

area:[

{

"country":"美国",

"city":[

"纽约",

"洛杉矶",

"旧金山",

"西雅图",

"波士顿",

"休斯顿",

"圣地亚哥",

"芝加哥",

"其它",

]

},

{

"country":"加拿大",

"city":[

"温哥华",

"多伦多",

"蒙特利尔",

"其它"

]

},

{

"country":"澳大利亚",

"city":[

"悉尼",

"墨尔本",

"其它"

]

},

{

"country":"新加坡",

"city":[

"新加坡"

]

},

],

},

methods:{

selectCountry(value){

this.cityName=this.countryName.city[0];

},

}

})

http://www.cnblogs.com/beileixinqing/p/8252153.html