fix(tab): 选项卡 tab-item 组件套用 for 循环导致 props 无法获取

This commit is contained in:
就眠仪式
2021-10-19 14:49:26 +08:00
parent bda7e2368c
commit 024b166d59
6 changed files with 34 additions and 23 deletions

View File

@@ -28,16 +28,18 @@ export default {
</script>
<script setup lang="ts">
import tabItem from "../tabItem/index.vue"
import tabItem from '../tabItem/index.vue'
import {
defineProps,
Component,
computed,
defineProps,
useSlots,
provide,
VNode,
Ref,
ref,
useSlots,
VNode
onUpdated,
onMounted,
} from 'vue'
const slot = useSlots()
@@ -55,7 +57,15 @@ const setItemInstanceBySlot = function (nodeList: VNode[]) {
})
}
setItemInstanceBySlot(slots as any[])
onUpdated(() => {
childrens.value = []
setItemInstanceBySlot((slot.default && slot.default()) as VNode[])
})
onMounted(() => {
childrens.value = []
setItemInstanceBySlot((slot.default && slot.default()) as VNode[])
})
const props = defineProps<{
type?: string