vue3 element-plus class 样式绑定的问题,图标出不来

          <template #default="scope">
              <div class="custom-node">
                <i :class="scope.node.icon"></i>        #这里的绑定,网页上出不来图标 ,是不是写法错了?
              <span>{{scope.node.label}}</span>    # lable 这里的可以读出出来
            </div>
          </template>

   const SettingsList = reactive([
      {
        id: 1,
        label: '客户',
        icon: 'el-icon-info',
        children: [
          { id: 10, label: '客户管理' },
          { id: 11, label: '项目' },
          { id: 12, label: '客户账号' }
        ]
      },
      {
        id: 2,
        label: '项目及收费设置',
        children: [
          { id: 13, label: '项目' },
          { id: 14, label: '收费标准' },
          { id: 15, icon: 'el-icon-success', label: '分类设置' }
        ]
      },

哈喽，element-plus的icon写法换成svg图标了。要进行引入后以标签名的显示使用。步骤如下，有用请点采纳哦：
1.安装

npm install @element-plus/icons
# 或者
yarn add @element-plus/icons

2.导入

import {
  Setting,
} from '@element-plus/icons'

3.使用

<el-icon><setting /></el-icon>

加油

你可以这样，你先把i 标签中class写一个固定的看看能不能出来。
另外，你要检查一下看看element plus的icon中目前还有没有你用的这个图标，可以在官网看一下。官网如下：

第三，官网的使用跟现在的已经发生了变化，之前用的是class带入，官网最新给的例子是el-icon 里边包一个具体的icon 组件。如果你用的是最新的element plus，那么你用下面的方式试试。（记住先用一个肯定存在的是，确保代码没问题了，在替换成自己的数据）

<el-icon>
    <delete />
  </el-icon>

先写死一个图表能出来的话就是 。写法有问题 。
也有可能 有的项没有icon属性导致的 。你最好都加上 icon属性

你看看是不是vite 版本的问题

把vite版本换低点再看看呢

写法有问题吧
你先看看scope.node.label显示的是什么，再看看label属性同级下有没有icon属性