[dcloudio/uni-app]微信小程序作用域插槽存在问题

2024-02-22 519 views
7

问题描述 微信小程序使用作用域插槽存在问题

<!-- list-page组件 -->
    <template>
        <view>
            <view  v-for="(item, index) in items" :key="index">
                <slot :data="item"></slot>
            </view>
        </view>
    </template>
    <!-- card组件 -->
    <template>
        <view>
            <slot name="header"></slot>
        </view>
    </template>
    <!-- index.vue -->
    <template>
        <list-page v-slot="{data}" :items="items">
            <card @click.native="goDetail(data.id)"><!-- 微信小程序报错,data is not defined -->
                <template #header>
                    <view>{{data.id}}</view><!-- 微信小程序报错,data is not defined -->
                </template>
            </card>
        </list-page>
    </template>

回答

6

唉,差不多的问题,请问有解决吗?

5

没办法,只能不用插槽。等官方支持吧

7

vue2还是vue3?

2

我的是2

6

vue2