vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值

本文主要为大家分享一篇vue select二级联动第二级默认选中第一个option值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。

当二级联动比如选择国家的时候，希望选中一个国家的时候后面城市默认选中第一个城市，则给国家的select加一个@change事件就可以了

所在区域

{{item.country}}

{{item}}

countryName:{},

cityName:"请选择城市",

area:[

{

"country":"美国",

"city":[

"纽约",

"洛杉矶",

"旧金山",

"西雅图",

"波士顿",

"休斯顿",

"圣地亚哥",

"芝加哥",

"其它",

]

},

{

"country":"加拿大",

"city":[

"温哥华",

"多伦多",

"蒙特利尔",

"其它"

]

},

{

"country":"澳大利亚",

"city":[

"悉尼",

"墨尔本",

"其它"

]

},

{

"country":"新加坡",

"city":[

"新加坡"

]

},

/*{

"country":"中国",

"city":[

"北京市",

]

},*/

],

methods:selectCountry(value){

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

},

相关推荐：