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

Question

          <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: '分类设置' }
        ]
      },

Answer 1

哈喽，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>