过滤机构树，vue3+ant tree

LILEILEILOVE

已于 2022-09-23 16:49:04 修改

阅读量360

点赞数

分类专栏： vue 文章标签： javascript 前端开发语言

于 2022-09-23 16:48:05 首次发布

本文链接：https://blog.csdn.net/LILEILEILOVE/article/details/127014020

版权

过滤机构树，vue3+ant tree。

摘要由CSDN通过智能技术生成

过滤机构树，vue3+ant tree

<InputSearch v-model:value="searchValue" @change="filterOrg" style="margin-bottom: 8px"
                placeholder="搜索" />
              <Tree autoExpandParent v-model:checkedKeys="sendForm.checkedKeys" checkable :tree-data="treeOrg"
              :replaceFields="{children:'sysOrgList', title:'name', key:'id'}"
               @check="handleCheck">
               <template #title="{ name }">
                  <span v-if="name.indexOf(searchValue) > -1">
                    {
   {
    name.substr(0, name.indexOf(searchValue)) }}
                    <span style="color: #f50">{
   {
    searchValue }}</span>
                    {
   {
    name.substr(name