Menu 菜单
菜单内容
Code 代码
<template>
<agm-menu v-model="open">
<template #activator>
<agm-button icon>
<agm-icon v-if="open" name="i-mdi-dots-vertical" />
<agm-icon v-else name="i-mdi-dots-horizontal" />
</agm-button>
</template>
<agm-button icon type="primary" color="blue" plain>
<agm-icon name="i-mdi-fullscreen" />
</agm-button>
<agm-button icon type="success" color="green" plain>
<agm-icon name="i-mdi-check" />
</agm-button>
</agm-menu>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { AgmButton, AgmIcon, AgmMenu } from 'augma'
const open = ref(false)
</script>
API
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
v-model | 是否展开 | boolean | true false | false |
菜单内容