iViewDropdown - daniel-qa/Vue GitHub Wiki

iView Dropdown

  • 基本
<template>
  <div style="padding: 20px;">
    <!-- 基礎下拉選單 -->
    <Dropdown @on-click="handleMenuClick">
      <a href="javascript:void(0)">
        選單操作
        <Icon type="ios-arrow-down"></Icon>
      </a>
      
      <DropdownMenu slot="list">
        <DropdownItem name="edit">編輯內容</DropdownItem>
        <DropdownItem name="delete">刪除項目</DropdownItem>
        <DropdownItem name="export" disabled>匯出檔案 (禁用)</DropdownItem>
        <DropdownItem name="settings" divided>個人設定</DropdownItem>
      </DropdownMenu>
    </Dropdown>
  </div>
</template>

<script>
export default {
  methods: {
    handleMenuClick(name) {
      // 根據 DropdownItem 的 name 屬性來判斷點擊了哪一項
      this.$Message.info(`你點擊了：${name}`);
    }
  }
}
</script>
⚠️ **GitHub.com Fallback** ⚠️