keeson-vue-chinadhts v1.2.5

keeson-vue-chinadhts

省市区 组件
版本号 ：1.2.0

采用动态加载子节点的方式，分级查询，默认为 三级选项 数据懒加载，已加载的数据进行存储，减少调用接口次数

参数说明

选中项绑定值 modelValue Array default: () => [] 输入框占位文本 placeholder String default: '请选择地址' 是否禁用 isDisabled Boolean default: false 是否支持清空选项 clearable Boolean default: false 是否严格的遵守父子节点不互相关联 checkStrictly Boolean default: false 级联选项层数 level Number default: 3

事件

change 当选中节点变化时触发 getStreetList 初始化返回街道

返回值说明：

resultObj 由省市区编码和名称组成的对象，可以直接传递接口使用

selectValue 省市区 的 code 数组 ，用来回显

list 对应的街道 数组

项目使用

1.安装模块包
npm i keeson-vue-chinadhts

2.main.js 全局引入（或者单页面引入）
import keesonComponent from 'keeson-vue-chinadhts'

const app = createApp(App)

app.use(keesonComponent).mount('#app')

3.页面使用（此keeson-address不可替换，由模块包源码配置）
<keeson-address v-model="cascader" @change="onChange"></keeson-address>

组件项目推送（在lib文件目录下操作）

npm run lib   打包

npm init      创建 package.json 并修改版本号

npm login     登录 npm 账号

npm publish   推送