el-menu-item使用自定义图标、使用图片做图标

在el-menu-item中使用自定义图标，可以通过icon属性来设置，它接受一个组件，可以是Icon组件或其他自定义的Vue组件。

以下是使用自定义图标的示例代码：

<template>
  <el-menu>
    <el-menu-item index="1" icon="YourCustomIconComponent">
      <template #title>导航一</template>
    </el-menu-item>
  </el-menu>
</template>
 
<script>
import { ElMenu, ElMenuItem } from 'element-plus';
import YourCustomIconComponent from './YourCustomIconComponent.vue';
 
export default {
  components: {
    ElMenu,
    ElMenuItem,
    YourCustomIconComponent
  }
};
</script>

如果要使用图片作为图标，可以直接在el-menu-item的icon属性中使用img标签：

<template>
  <el-menu>
    <el-menu-item index="1">
      <img slot="icon" src="path/to/your/icon.png" alt="icon">
      <template #title>导航一</template>
    </el-menu-item>
  </el-menu>
</template>

请确保替换path/to/your/icon.png为你的图片路径。