Vue 3 Element Plus Dropdown 使用指南 - 快速上手教程

要使用 Vue 3 Element Plus 的 Dropdown 组件，首先需要安装 Element Plus 库。可以通过以下命令进行安装：

npm install element-plus

在 Vue 3 应用程序的入口文件中，需要引入 Element Plus 的样式文件和组件：

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'

import App from './App.vue'

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

接下来，在需要使用 Dropdown 组件的组件中，可以直接使用el-dropdown标签进行声明。例如：

<template>
  <el-dropdown>
    <span class='el-dropdown-link'>
      下拉菜单<i class='el-icon-arrow-down el-icon--right'></i>
    </span>
    <el-dropdown-menu slot='dropdown'>
      <el-dropdown-item>Action 1</el-dropdown-item>
      <el-dropdown-item>Action 2</el-dropdown-item>
      <el-dropdown-item>Action 3</el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  name: 'MyComponent',
}
</script>

这样就可以在需要的地方使用 Dropdown 组件了。可以根据需要自定义 Dropdown 的样式和功能。更多详细的使用方式和配置选项可以参考 Element Plus 的官方文档。