element/packages/dropdown/src/dropdown-item.vue

34 lines
594 B
Vue
Raw Normal View History

2016-07-27 06:15:02 +00:00
<template>
2016-11-04 05:59:03 +00:00
<li
class="el-dropdown-menu__item"
:class="{
'is-disabled': disabled,
'el-dropdown-menu__item--divided': divided
}"
@click="handleClick"
>
<slot></slot>
</li>
2016-07-27 06:15:02 +00:00
</template>
<script>
2016-10-27 09:31:22 +00:00
import Emitter from 'element-ui/src/mixins/emitter';
2016-10-13 05:54:02 +00:00
2016-07-27 06:15:02 +00:00
export default {
2016-10-13 05:54:02 +00:00
name: 'ElDropdownItem',
2016-10-27 09:31:22 +00:00
mixins: [Emitter],
2016-10-13 05:54:02 +00:00
2016-10-31 04:40:30 +00:00
props: {
2016-11-04 05:59:03 +00:00
command: String,
disabled: Boolean,
divided: Boolean
2016-10-31 04:40:30 +00:00
},
2016-10-13 05:54:02 +00:00
methods: {
handleClick(e) {
2016-10-31 04:40:30 +00:00
this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
2016-10-13 05:54:02 +00:00
}
}
2016-07-27 06:15:02 +00:00
};
</script>