<template><el-tree-selectv-model="value":data="data"filterablestyle="width: 240px"/><el-divider/><el-divider/>
filter node method:
<el-tree-selectv-model="value":data="data":filter-node-method="filterNodeMethod"filterablestyle="width: 240px"/></template><scriptlang="ts"setup>import{ ref }from'vue'const value =ref()const sourceData =[{value:'1',label:'Level one 1',children:[{value:'1-1',label:'Level two 1-1',children:[{value:'1-1-1',label:'Level three 1-1-1',},],},],},{value:'2',label:'Level one 2',children:[{value:'2-1',label:'Level two 2-1',children:[{value:'2-1-1',label:'Level three 2-1-1',},],},{value:'2-2',label:'Level two 2-2',children:[{value:'2-2-1',label:'Level three 2-2-1',},],},],},{value:'3',label:'Level one 3',children:[{value:'3-1',label:'Level two 3-1',children:[{value:'3-1-1',label:'Level three 3-1-1',},],},{value:'3-2',label:'Level two 3-2',children:[{value:'3-2-1',label:'Level three 3-2-1',},],},],},]const data =ref(sourceData)constfilterNodeMethod=(value, data)=> data.label.includes(value)</script>