区域下拉树
界面效果
引用
在.vue文件中输入
<template>
<ke-region-tree-select v-model="form1.region" />
</template>
<script lang='ts'>
import KeRegionTreeSelect from "@/components/KeRegionTreeSelect.vue";
@Component({
components: {KeRegionTreeSelect}
})
</script>
Attributes
| 名称 | 类型 | 说明 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | Number | 绑定值 | ||
| url | String | 机构接口 | 默认为pmi行政区划接口 | |
| disabled | boolean | 是否禁用 | false | |
| clearable | boolean | 可否清除 | true | |
| width | String、Number | 宽度 | 200px、200 | |
| placeholder | string | 占位符 | 请选择 | |
| defaultProps | object | 配置项 | { children: 'children', label: 'name' } |
Events
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 绑定值变化时触发的事件 | 选中的值 |