vue select二级联动第二级默认选中第一个option值的实例

vue select二级联动第二级默认选中第一个option值的实例

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

所在区域

{{item.country}}

{{item}}

data

countryName:{},

cityName:"请选择城市",

area:[

{

"country":"美国",

"city":[

"纽约",

"洛杉矶",

"旧金山",

"西雅图",

"波士顿",

"休斯顿",

"圣地亚哥",

"芝加哥",

"其它",

]

},

{

"country":"加拿大",

"city":[

"温哥华",

"多伦多",

"蒙特利尔",

"其它"

]

},

{

"country":"澳大利亚",

"city":[

"悉尼",

"墨尔本",

"其它"

]

},

{

"country":"新加坡",

"city":[

"新加坡"

]

},

/*{

"country":"中国",

"city":[

"北京市",

]

}http://,*/

],

methods:

selectCountry(value){

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

},

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。