Vue ant 省市区联动

最新推荐文章于 2023-05-29 19:00:48 发布

原创最新推荐文章于 2023-05-29 19:00:48 发布 · 389 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

js 同时被 2 个专栏收录

83 篇文章

订阅专栏

vue

40 篇文章

订阅专栏

这篇博客介绍了如何在Vue.js应用中实现省市区联动选择的功能，利用默认值初始化组件，并从外部数据源加载区域列表。示例代码展示了如何结合HTML和JS设置`<a-cascader>`组件，以及如何导入并使用存储的areaList数据。

html部分:

<a-cascader :default-value="['广东省', '广州市', '天河区']" :options="areaList" placeholder="请选择工程所属行政区" />

js部分：

import areaList from '../../../../store/areaList'

        data() {
            return {
                areaList: areaList,
            }
        },

省市区联动数据下载（areaList）