# 多级下拉组件 obitCascader
# 示例代码
<!--
* @Author: 曹捷
* @Date: 2020-04-16 15:05:48
* @LastEditors: 曹捷
* @LastEditTime: 2020-04-16 16:26:32
* @Description: 下拉联动组件
-->
<template>
<obit-cascader
:disabled="disabled"
:options="orgList"
:props="{ expandTrigger: 'hover' }"
:show-all-levels="false"
v-if="orgList.length>0"
v-model="orgId"
></obit-cascader>
</template>
<script>
import obitCascader from './../../../src/obit-cascader/obit-cascader'
export default {
components: { obitCascader },
data() {
return {
orgId: '85',
orgList: [
{
"organizationId": 1,
"organizationCode": "DT",
"organizationName": "大托",
"shortName": "大托",
"parentId": 0,
"orgType": null,
"orgLevel": 1,
"isRoot": 0,
"orgDesc": null,
"provinceCode": "430000",
"provinceName": "湖南省",
"cityCode": "430100",
"cityName": "长沙市",
"districtCode": "430111",
"districtName": "雨花区",
"areaCode": "430111009",
"areaName": "黎托街道",
"address": null,
"concatName": null,
"phone": null,
"createTime": null,
"createBy": null,
"modifyTime": "2020-03-05 11:58:32",
"modifyBy": 1,
"value": "1",
"label": "大托",
"open": true,
"children": null
},
{
"organizationId": 2,
"organizationCode": null,
"organizationName": "信息部",
"shortName": null,
"parentId": 0,
"orgType": null,
"orgLevel": 1,
"isRoot": null,
"orgDesc": null,
"provinceCode": null,
"provinceName": null,
"cityCode": null,
"cityName": null,
"districtCode": null,
"districtName": null,
"areaCode": "",
"areaName": null,
"address": null,
"concatName": null,
"phone": null,
"createTime": "2020-04-16 14:44:19",
"createBy": 221,
"modifyTime": null,
"modifyBy": null,
"value": "79",
"label": "信息部",
"open": true,
"children": [
{
"organizationId": 85,
"organizationCode": null,
"organizationName": "信息小组",
"shortName": null,
"parentId": 79,
"orgType": null,
"orgLevel": 2,
"isRoot": null,
"orgDesc": null,
"provinceCode": null,
"provinceName": null,
"cityCode": null,
"cityName": null,
"districtCode": null,
"districtName": null,
"areaCode": "",
"areaName": null,
"address": null,
"concatName": null,
"phone": null,
"createTime": "2020-04-16 15:59:23",
"createBy": 221,
"modifyTime": null,
"modifyBy": null,
"value": "85",
"label": "信息小组",
"open": true,
"children": null
},
]
}
]
}
},
}
</script>
<style>
</style>
# 参数说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 绑定的机构id,选择的一级机构id | String,Number | - | - |
disabled | 设置是否可以选择 | Boolean | - | false |
options | 数据tree | Array | - | [] |
children | 子集字段名 | String | - | children |
valueName | value 值字段名 | String | - | value |
label | 展示字段名 | String | - | label |
parentId | 上级id 字段名 | String | - | parentId |