Element UI Dropdown 下拉菜單

Element UI Dropdown 下拉菜單 簡單使用

 

<el-dropdown trigger="click" @command="handleChange">
  <span class="el-dropdown-link">
    下拉菜單<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item :command="{key:'111',val:'黃金糕'}">黃金糕</el-dropdown-item>
    <el-dropdown-item command="獅子頭">獅子頭</el-dropdown-item>
    <el-dropdown-item >大飛</el-dropdown-item>
    <el-dropdown-item >foo</el-dropdown-item>
    <el-dropdown-item >bar</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>
<script>
handleChange() {
  console.log('點擊事件',arguments);
}
</script>