iview利用Cascader 组件实现级联选择功能

后台需要做省市区三级联动选择的功能,以前都用的是select组件,这次想和shop一样,用Cascader 这个组件去实现一把

网上找了许多代码,都不是特别完善,正好自己写出来了,就记录一下,以后可以用到。


        <span style="margin-bottom:200px;" class="controlText">楼盘地址:</span><form-item  prop="spuAddresses">
            <Cascader :data="platOptions" v-model="allQueryParam.spuAddresses" placeholder="请选择行政区划"
                      :load-data="loadData"	change-on-select clearable="false"  trigger="click">
            </Cascader>
        </form-item>

:data是用来初始化一开始的第一级的数据,比如省市区,那么第一级就是获取所有省份的数据

 //渲染查询框中的三级地址
        getProvinces: function () {
            // 1、先获取所有的省份并返回
            // 2.同时修改对象,每一项添加属性cities,并设置为空数组、
            jQuery.ajax({
                url:"/xxxxxxxxx&#
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值