mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-05 05:29:01 +08:00
38 lines
996 B
Markdown
38 lines
996 B
Markdown
<cn>
|
||
#### 多个按钮组合
|
||
按钮组合使用时，推荐使用1个主操作 + n 个次操作，3个以上操作时把更多操作放到 `Dropdown.Button` 中组合使用。
|
||
</cn>
|
||
|
||
<us>
|
||
#### Multiple Buttons
|
||
If you need several buttons, we recommend that you use 1 primary button + n secondary buttons, and if there are more than three operations, you can group some of them into `Dropdown.Button`.
|
||
</us>
|
||
|
||
```html
|
||
<template>
|
||
<div>
|
||
<a-button type="primary">Primary</a-button>
|
||
<a-button>secondary</a-button>
|
||
<a-dropdown>
|
||
<a-menu slot="overlay" @click="handleMenuClick">
|
||
<a-menu-item key="1">1st item</a-menu-item>
|
||
<a-menu-item key="2">2nd item</a-menu-item>
|
||
<a-menu-item key="3">3rd item</a-menu-item>
|
||
</a-menu>
|
||
<a-button>
|
||
Actions <a-icon type="down" />
|
||
</a-button>
|
||
</a-dropdown>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
methods: {
|
||
handleMenuClick(e) {
|
||
console.log('click', e);
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
```
|