更新记录

1.0.0(2025-02-26) 下载此版本

初次更新


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

安装

下载插件后,在需要使用的页面中引入插件即可使用

使用方法

在页面中使用组件,自定义一个ref名称进行方法的调用,支持一二三级,需要做更多的可以自己修改,可以精确选择,也可以不精确选择,自己根据需求进行使用,区分了国内外,json文件目前是最新的。如有更新请自行更新。选中节点后会返回选中的节点数据和叶子节点的所有id,根据自己不同需求进行修改

传参说明

参数名 使用说明
addrData 必须传入一整组树状结构(父节点必须要有children)
title 需要展示的字段名,默认为name,如果为title则不需要传
level 级联数,默认为三级选择器,传2则为二级选择器
getAddress 获取地区数据的方法

示例

<template>
    <seven-cascader ref="addressSelector"  :level="3"  :title="name"  @getAddress="getAddress"></seven-cascader>
</template>
methods: {
    // 获取地区数据
    getAddress(row) {
       // 这里写自己的赋值操作
    },
    // 打开地区选择器
    showSelector() {
        this.$refs.addressSelector.showSelector();
    },
    // 重置地区选择器
    closeSelector() {
        this.$refs.addressSelector.resetSelection();
    }
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问