怎么在Vue中利用iView实现二级联动 - 行业资讯 - 肥雀云

　　介绍

这篇文章给大家介绍怎么在Vue中利用iView实现二级联动,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

1, html部分

& lt; template> 　　& lt;才能Form ref=癴ormValidate",:模型=癴ormValidate",:规则=皉uleValidate"比; 　　,,,& lt; FormItem 支持=皃rovince",标签=笆》荨氨? 　　,,,,,,& lt; Select v模型=癴ormValidate.province",占位符=扒胙≡癯鞘小?@on-change=癱hange"比; 　　,,,,,,,& lt; Option v=癷tem provinceArr",拷贝:关键=癷tem.id",: value=https://www.yisu.com/zixun/" item.id "> {{item.name}} 　　　　　　　　<选择v模型=" formValidate。城市”占位符="请选择省份"> 　　<选项v="项目在城市”:关键="项目。id”: value="项目。id”> {{item.name}} 　　　　

2, JS主要部分

& lt; script> 　　export 默认{才能　　,,,的数据(){ 　　,,,,,return { 　　,,,,,,,provinceArr:, 　　,,,,,,,,,{ 　　,,,,,,,,,,,,, 　　,,,,,,,,,,,的名字:“北京市“, 　　,,,,,,,,,,,城市:[{id: 11日　　,,,,,,,,,,,,,,,的名字:“北京市“}] 　　,,,,,,,,,}, 　　,,,,,,,,,{ 　　,,,,,,,,,,,,, 　　,,,,,,,,,,,的名字:“天津市“, 　　,,,,,,,,,,,城市:[{id: 12, 　　,,,,,,,,,,,,,,,的名字:“天津市“},) 　　,,,,,,,,,}, 　　,,,,,,,,,{ 　　,,,,,,,,,,,,, 　　,,,,,,,,,,,的名字:“上海市“, 　　,,,,,,,,,,,城市:[,{id: 13日　　,,,,,,,,,,,,,,,的名字:“上海市“},) 　　,,,,,,,,,} 　　,,,,,,,, 　　,,,,,,,城市:,““, 　　,,,,,,,formValidate:… 　　,,,,,,,ruleValidate:… 　　,,,,,} 　　,,,}, 　　,,,方法:{ 　　,,,,,改变(val) { 　　,,,,,,,(var i=0, i

关于怎么在Vue中利用iView实现二级联动就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。