/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/dropdown/src/dropdown-menu.vue
63 строки
1 KB
hetech
Dropdown: compatible with 2.6 new v-slot syntax (#14832)
27 мар 2019, 11:14
27 мар 2019, 11:14
ea55f52
Код
Авторство
О чём код?
<template> <transition name="el-zoom-in-top" @after-leave="doDestroy"> <ul class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper"> <slot></slot> </ul> </transition> </template> <script> import Popper from 'element-ui/src/utils/vue-popper'; export default { name: 'ElDropdownMenu', componentName: 'ElDropdownMenu', mixins: [Popper], props: { visibleArrow: { type: Boolean, default: true }, arrowOffset: { type: Number, default: 0 } }, data() { return { size: this.dropdown.dropdownSize }; }, inject: ['dropdown'], created() { this.$on('updatePopper', () => { if (this.showPopper) this.updatePopper(); }); this.$on('visible', val => { this.showPopper = val; }); }, mounted() { this.dropdown.popperElm = this.popperElm = this.$el; this.referenceElm = this.dropdown.$el; // compatible with 2.6 new v-slot syntax // issue link https://github.com/ElemeFE/element/issues/14345 this.dropdown.initDomOperation(); }, watch: { 'dropdown.placement': { immediate: true, handler(val) { this.currentPlacement = val; } } } }; </script>