/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/tabs/src/tab-pane.vue
56 строк
1 KB
hetech
Tabs: rerender when slot changes (#15238)
24 апр 2019, 06:32
24 апр 2019, 06:32
0325e1d
Код
Авторство
О чём код?
<template> <div class="el-tab-pane" v-if="(!lazy || loaded) || active" v-show="active" role="tabpanel" :aria-hidden="!active" :id="`pane-${paneName}`" :aria-labelledby="`tab-${paneName}`" > <slot></slot> </div> </template> <script> export default { name: 'ElTabPane', componentName: 'ElTabPane', props: { label: String, labelContent: Function, name: String, closable: Boolean, disabled: Boolean, lazy: Boolean }, data() { return { index: null, loaded: false }; }, computed: { isClosable() { return this.closable || this.$parent.closable; }, active() { const active = this.$parent.currentName === (this.name || this.index); if (active) { this.loaded = true; } return active; }, paneName() { return this.name || this.index; } }, updated() { this.$parent.$emit('tab-nav-update'); } }; </script>