ant-design-vue/antdv-demo/docs/button/demo/multiple.md

1.0 KiB
Raw Blame History

#### 多个按钮组合 按钮组合使用时推荐使用1个主操作 + n 个次操作3个以上操作时把更多操作放到 `Dropdown.Button` 中组合使用。 #### 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`.
<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>