el-cascader-dict

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

请详细阅读文档

<script setup lang="ts">
import {ref} from "vue"
const value1 = ref("350402")

const handleDictChange = (val: any) => {
  console.log(val)
}

const props = ref({
  label: "id",
  multiple: false,
  checkStrictly: true,
  emitPath: true
})
</script>
<template>
  <el-cascader-dict dictType="area" collapse-tags clearable :props="props" v-model="value1" @dictChange="handleDictChange"></el-cascader-dict>
  <el-cascader-dict dictType="area" collapse-tags clearable :props="props" v-model="value1" @dictChange="handleDictChange">
    <template v-slot:default="{node, data}">
      {{ data.areaName }}
    </template>
  </el-cascader-dict>
</template>
<style>
.el-cascader  + .el-cascader  {
  margin-left: 20px;
}
</style>

显示代码

cascader-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配置项中

value的默认值为字典包treeSetting的idField字段值

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

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

leaf的默认值为字典包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