vxe-tree 节点显示名称前面加图标

VxeTree是一个Vue.js的树状组件，它允许你在节点上添加自定义内容，包括图标。要在VxeTree的节点显示名称前加上图标，你可以通过配置`expand-and-collapse-icon`、`check-icon`、`radio-icon`以及自定义的`customNodeRender`属性来实现。

首先，在组件的配置选项中设置全局图标样式：

<vxe-tree :expand-and-collapse-icon="yourCustomExpandIcon" :check-icon="yourCustomCheckIcon" :radio-icon="yourCustomRadioIcon">
  <!-- ... -->
</vxe-tree>

然后，在`customNodeRender`中动态生成每个节点的内容，可以结合`node.data.icon`或者其他条件来判断是否显示图标：

<template>
  <x-tree-node :render="customTreeNodeRender" v-for="(node, index) in nodes" :key="index" :node="node"></x-tree-node>
</template>

<script>
export default {
  methods: {
    customTreeNodeRender(h, { node }) {
      return h('div', [
        // 如果存在icon字段，则显示图标
        node.icon ? h('i', { class: 'your-custom-class' }, [node.icon]) : null,
        // 显示文本名称
        node.label
      ]);
    }
  }
};
</script>

别忘了替换`yourCustomExpandIcon`、`yourCustomCheckIcon`等为你的实际图标类名，并根据需要调整`customTreeNodeRender`的逻辑。