<template>
<view class="wrapper">
<demo :list="list">
<template v-for="(item,index) in list" v-slot:[`tab${index}`]> 11111111111111 </template>
</demo>
</view>
</template>
<script setup lang="ts">
import demo from '../../compontents/demo.vue';
import { ref } from 'vue';
const list = ref([
{
key: 'key1',
value: 'value1',
},
{
key: 'key2',
value: 'value2',
},
{
key: 'key3',
value: 'value3',
},
{
key: 'key4',
value: 'value4',
},
{
key: 'key5',
value: 'value5',
},
]);
</script>
<style scoped>
.wrapper {
padding: 200rpx;
font-size: 32rpx;
}
</style>
组件
<template>
<view v-for="(item, index) in list" :key="index">
<slot :name="'tab'+index">{{ item }}</slot>
</view>
</template>
<script lang="ts">
import { defineComponent, PropType } from 'vue';
export default defineComponent({
props: {
list: {
type: Array as PropType<any[]>,
default: () => [],
},
},
setup() {
return {};
},
});
</script>
<style scoped></style>
5***@qq.com (作者)
复现了吗 会修复吗
2024-01-12 15:41
HRK_01
回复 5***@qq.com: 复现了,感谢您的反馈,已加分。现正排查问题并尝试修复
2024-01-12 15:50