html城市二级联动vue,Vue配合iView实现省市二级联动的示例代码

在实现省市二级联动时，如果省份和城市写在一个数组对象中。可以根据，点击某个省份时获取到目标省份的id 是否同 数组中的某个对象id一致 来判断

iView中的on-change事件

on-change事件：即选中的Option变化时触发，默认返回 value。(value在这里只支持String和Number类型)

1、html部分

404_8@

{{ item.name}}

{{ item.name}}

2、JS主要部分

export default{

data(){

return {

provinceArr: [

{

id:1,name:"北京市",cities:[{id:11,name:"北京市"}]

},{

id:2,name:"天津市",cities:[{id:12,name:"天津市"} ]

},{

id:3,name:"上海市",cities:[ {id:13,name:"上海市"} ]

}

],cities: "",formValidate:...,ruleValidate:...

}

},methods:{

change(val){

for(var i=0; i

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！