element-plus/docs/examples/dropdown/menu-hiding-behavior.vue
云游君 5067dd3b70
fix(theme-chalk): upload progress & menu padding style & pagination align (#5011)
* fix: upload progress margin

* fix: menu example style

* fix: picker & radio padding, button form details

* fix(theme-chalk): pagination align
2021-12-29 16:21:29 +08:00

22 lines
732 B
Vue

<template>
<el-dropdown :hide-on-click="false">
<span class="el-dropdown-link">
Dropdown List<el-icon class="el-icon--right"><arrow-down /></el-icon>
</span>
<template #dropdown>
<el-dropdown-menu>
<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-item disabled>Action 4</el-dropdown-item>
<el-dropdown-item divided>Action 5</el-dropdown-item>
<el-dropdown-item divided>Action 6</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</template>
<script lang="ts" setup>
import { ArrowDown } from '@element-plus/icons-vue'
</script>