{ path: '/smart_configuration', component: Layout, redirect: '/channel_management', name: 'smart_configuration', meta: { title: '智能配置', class: 'iconfont my-icon-peizhi' }, // meta: { title: '智能配置', icon: 'my-icon-peizhi' }, children: [ { path: 'channel_management', name: 'channel_management', component: () => import('@/views/smart_configuration/channel_management/index.vue'), meta: { title: '通道管理' } }, { path: 'algorithm_parameters', name: 'algorithm_parameters', component: () => import('@/views/smart_configuration/algorithm_parameters/index.vue'), meta: { title: '算法参数'} }, { path: 'data_push', name: 'data_push', component: () => import('@/views/smart_configuration/data_push/index.vue'), meta: { title: '数据推送' } } ] },我这样使用icon不显示

根据您提供的代码，我看到您在meta中已经指定了class属性，但是并没有在对应组件中使用对应的图标字体。

您可以在对应的组件中使用class属性，将图标字体的类名赋值给它，例如：

<template>
  <div>
    <h1>{{ $route.meta.title }}</h1>
    <i :class="$route.meta.class"></i>
  </div>
</template>

这样就可以在组件中显示对应的图标字体了。如果您还有其他问题，可以继续向我提问。