Vue配合iView实现省市二级联动的示例代码
发布时间：2020-12-17 02:15:59 所属栏目：百科 来源：网络整理
导读：在实现省市二级联动时，如果省份和城市写在一个数组对象中。可以根据，点击某个省份时获取到目标省份的id 是否同 数组中的某个对象id一致 来判断 iView中的on-change事件 on-change事件：即选中的Option变化时触发，默认返回 value。（value在这里只支持Stri
|
在实现省市二级联动时，如果省份和城市写在一个数组对象中。可以根据，点击某个省份时获取到目标省份的id 是否同 数组中的某个对象id一致 来判断 iView中的on-change事件 on-change事件：即选中的Option变化时触发，默认返回 value。（value在这里只支持String和Number类型） 1、html部分 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
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |