atui/src/components/Dropdown/demo/basic.md

components built with Vue.js

---
order: 0
title:
  zh-CN: 基本
  en-US: Type
---

## zh-CN
通过名为`dropdown-menu`的slot来自定义弹出层


## en-US

````jsx

<v-dropdown>
  <div>
    点击显示菜单 <icon type="down"></icon>
  </div>
  <ul slot="dropdown-menu">
    <li><a>选项一</a></li>
    <li><a>选项二</a></li>
    <li><a>选项三</a></li>
    <li role="separator" class="atui-dropdown-divider"></li>
    <li><a href="#">其它</a></li>
  </ul>
</v-dropdown>

````

````vue-script
new Vue({
  el: 'body',
  components: {
    vDropdown: atui.Dropdown,
    icon: atui.Icon
  },
  data: {
    
  },
  methods: {
    closeDropdown () {
    }
  }
})
````