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

前端之家收集整理的这篇文章主要介绍了Vue配合iView实现省市二级联动的示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

iView中的on-change事件

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

1、html部分

{{ 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

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

猜你在找的Vue相关文章