52 lines
1.9 KiB
Vue
52 lines
1.9 KiB
Vue
<template>
|
|
<div>
|
|
<Dropdown trigger="hover" @on-click="handleClick">
|
|
<a href="javascript:void(0)">
|
|
下拉菜单
|
|
<Icon type="ios-arrow-down"></Icon>
|
|
</a>
|
|
<DropdownMenu slot="list">
|
|
<DropdownItem name="1">驴打滚</DropdownItem>
|
|
<DropdownItem selected name="2">炸酱面</DropdownItem>
|
|
<DropdownItem disabled name="3">豆汁儿</DropdownItem>
|
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
<Dropdown trigger="click">
|
|
<a href="javascript:void(0)">
|
|
下拉菜单
|
|
<Icon type="ios-arrow-down"></Icon>
|
|
</a>
|
|
<DropdownMenu slot="list">
|
|
<DropdownItem>驴打滚</DropdownItem>
|
|
<DropdownItem selected>炸酱面</DropdownItem>
|
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
<Dropdown trigger="contextMenu">
|
|
<a href="javascript:void(0)">
|
|
下拉菜单
|
|
<Icon type="ios-arrow-down"></Icon>
|
|
</a>
|
|
<DropdownMenu slot="list">
|
|
<DropdownItem>驴打滚</DropdownItem>
|
|
<DropdownItem>炸酱面</DropdownItem>
|
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
handleClick (n) {
|
|
console.log(n);
|
|
}
|
|
}
|
|
}
|
|
</script>
|