elementui利用Cascader实现级联选择省市区的功能

最新推荐文章于 2024-08-16 09:48:11 发布

ljxbbss

最新推荐文章于 2024-08-16 09:48:11 发布

阅读量2.8k

点赞数 2

分类专栏： vue框架文章标签： vue

本文链接：https://blog.csdn.net/ljxbbss/article/details/107990131

版权

本文介绍了如何使用ElementUI的Cascader组件实现动态加载的省市区级联选择功能。通过设置`options`属性为初始省的数据，并结合`v-model`绑定对象属性，利用`active-item-change`事件监听选中项变化，实现实时加载下级信息。

摘要由CSDN通过智能技术生成

利用Cascader实现省市区

vm部分：plaOptions=[]

 <el-form-item label="楼盘地址" style="margin-right: 20px">
            <div class="block">
                <el-cascader
                        style="width: 238px;"
                        :options="platOptions"
                        v-model="allQueryParam.spuAddresses"
                        @active