elementPlus el-tree无子级别时隐藏左边的箭头

使用elementPlus中的Tree组件时，无子级的节点左边显示箭头，如下图

 <el-tree
   :data="state.permissionTree"
    show-checkbox
    :props="state.defaultProps"
    node-key="permission"
    :default-checked-keys="state.permissions"
    ref="permissionRef"    
/>

<script setup lang="ts">
import { reactive,  ref } from "vue";
import permissionTree from "@/router/permissionTree";
import  { ElTree } from 'element-plus'
const state = reactive({
  permissionTree:permissionTree,
  defaultProps:{
    id:'title',
    label:'title',
    children:'children',
  },
  permissions:[],//默认选中的节点
  currentId: 0,
});
const permissionRef = ref<InstanceType<typeof ElTree>>()
</script>

解决方案：
在引入的 ElTree 前加上type，即可解决

import type { ElTree } from 'element-plus'