Tree 组件

ElementPlus tree 组件

基础使用

 $form = new Form();

return $form->make(new Roles(), function (Form $form) {
    $form->tree('树形结构', 'tree')->required()
               ->options(function (){
                  return Permissions::select(['id', 'parent_id', 'permission_name as label'])->get()->toTree();
               });
})->labelWidth(120);

默认展开

 $form = new Form();

return $form->make(new Roles(), function (Form $form) {
    $form->tree('树形结构', 'tree')->required()
               ->options(function (){
                  return Permissions::select(['id', 'parent_id', 'permission_name as label'])->get()->toTree();
               })
               // 默认展开
               ->isExpanded();
})->labelWidth(120);

多选框

 $form = new Form();

return $form->make(new Roles(), function (Form $form) {
    $form->tree('树形结构', 'tree')->required()
               ->options(function (){
                  return Permissions::select(['id', 'parent_id', 'permission_name as label'])->get()->toTree();
               })
               ->isExpanded()
               // 多选框
               ->showCheckbox();
})->labelWidth(120);

异步加载

$form = new Form();

return $form->make(new Roles(), function (Form $form) {
     $form->tree('permissions', '树形结构')
                ->required()
                ->isExpanded()
                ->label('permission_name')
               ->showCheckbox()
               // api 接口
               ->api('permissions/permissions?from=role');
})->labelWidth(120);