<template>
<a-modal
title="分配角色"
width="600px"
>
<div class="modal-content">
<div class="text">
<a-checkbox v-model:checked="checkAll">全部角色</a-checkbox>
<div>1/7</div>
</div>
<div class="tree-box">
<div class="input">
<a-input-search
v-model:value="searchValue"
placeholder="请输入"
/>
</div>
<div class="tree">
<a-tree
v-model:checkedKeys="checkedKeys"
:expanded-keys="expandedKeys"
:auto-expand-parent="autoExpandParent"
:tree-data="gData"
@expand="onExpand"
checkable
>
<templa
vue3+Vue AntDesign可搜索的树
最新推荐文章于 2024-04-14 22:44:48 发布
本文介绍如何在Vue3项目中利用Vue AntDesign库创建一个具备搜索功能的树形组件,详细阐述了配置过程及关键代码实现,帮助前端开发者提升用户体验。
摘要由CSDN通过智能技术生成