/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/select/src/select-dropdown.vue
74 строки
1 KB
杨奕
Select: add popper-append-to-body (#9782)
11 фев 2018, 13:18
Не верифицирован
11 фев 2018, 13:18
0f06fd5
Код
Авторство
О чём код?
<template> <div class="el-select-dropdown el-popper" :class="[{ 'is-multiple': $parent.multiple }, popperClass]" :style="{ minWidth: minWidth }"> <slot></slot> </div> </template> <script type="text/babel"> import Popper from 'element-ui/src/utils/vue-popper'; export default { name: 'ElSelectDropdown', componentName: 'ElSelectDropdown', mixins: [Popper], props: { placement: { default: 'bottom-start' }, boundariesPadding: { default: 0 }, popperOptions: { default() { return { gpuAcceleration: false }; } }, visibleArrow: { default: true }, appendToBody: { type: Boolean, default: true } }, data() { return { minWidth: '' }; }, computed: { popperClass() { return this.$parent.popperClass; } }, watch: { '$parent.inputWidth'() { this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px'; } }, mounted() { this.referenceElm = this.$parent.$refs.reference.$el; this.$parent.popperElm = this.popperElm = this.$el; this.$on('updatePopper', () => { if (this.$parent.visible) this.updatePopper(); }); this.$on('destroyPopper', this.destroyPopper); } }; </script>