el-tree-select-dict

支持配置el-tree-select所有属性，事件及slot，调用getRef() 返回 el-tree-select 实例

请详细阅读文档

<script setup lang="ts">
import {onMounted, ref} from "vue"

const props = ref({
  label: "id",
})

const tree1 = ref()
onMounted(() => {
  setTimeout(() => {
    tree1.value.getRef().setChecked(350000, true, false)
  }, 0);
  console.log("🚀 ~ file: el-tree-select-dict.vue:16 ~ onMounted ~ tree1.value.getRef():", tree1.value.getRef())
})
</script>
<template>
  <el-tree-select-dict ref="tree1" dictType="area" node-key="id" show-checkbox collapse-tags clearable :props="props" ></el-tree-select-dict>
  <el-tree-select-dict dictType="area" collapse-tags clearable :props="props" >
    <template v-slot:default="{node, data}">
      {{ data.areaName }}
    </template>
  </el-tree-select-dict>
</template>
<style>
.el-tree-select  + .el-tree-select  {
  margin-left: 20px;
}
</style>

显示代码

tree-dict attribute

参数	说明	类型	可选值	默认值
dictType	必传，传递字典的字段名，选择想要的字典数据Object类型时详看如下配置dictType配置项	[String, Object]	—	—
disableObj	选填，配置disableObj配置项	Object	—	false
filterDataFun	组件过滤数据方法函数 接收该字典类型的数据 默认不变 不能覆盖字典包配置里的filterDataFun，是二次过滤	Function	—	(list) => { return list }
disabledDataFun	组件禁用数据方法函数 接收该字典类型的数据 默认不变 不会覆盖字典包配置里的disabledDataFun，是对其二次禁用	Function	—	(list) => { return list }

WARNING

元素props配置项中

label的默认值为字典包treeSetting的labelField字段的值

children的默认值为字典包treeSetting的childrenField字段的值

isLeaf的默认值为字典包treeSetting的leafField字典的值

dictType配置项

参数	说明	类型	可选值	默认值
type	必传，字典类型	String	—	—
filters	必传，过滤数据（数组,或者字符串用英文逗号隔开）将选项过滤部分数据，使其不展示	[String，Array]	—	—
filterType	过滤的字段（通过这个字段筛选数据）, 默认字典配置的 dict-config中format的value配置项	String	—	默认字典配置的 dict-config中format的value配置项
reverse	是否反向筛选	Boolean	true	false

disableObj配置项

参数	说明	类型	可选值	默认值
disableValue	禁用数据（数组,或者字符串用英文逗号隔开）	[String，Array]	—	—
disableType	过滤的字段（通过这个字段筛选数据）, 默认字典配置的 dict-config中format的value配置项	String	—	默认字典配置的 dict-config中format的value配置项
reverse	是否反向筛选	Boolean	true	false