记录使用uniapp开发项目时使用slot插槽情况下小程序编译报错的问题:Errors compiling template:目前仅支持解构插槽 otherSlotProps,如 v-slot="{ user }"

出现问题:Errors compiling template:目前仅支持解构插槽 otherSlotProps,如 v-slot="{ user }"

1.子组件中 test.vue

    <view >
        <slot name="other" :user="user"></slot>
        <slot></slot>
    </view>

2.在父组件使用

        <test>
            <template v-slot:other="otherSlotProps">
                {{ otherSlotProps.user.lastName }}
            </template>
        </test>

此时在编译到微信小程序中报错

 

 

 而运行到其他环境下比如H5是没问题的

那么在微信小程序中要使用解构插槽方式实现:

        <test>
            <template v-slot:other="{user}">
                {{ user.lastName }}
            </template>
        </test>

此时运行是没问题的,参数传值也没问题。

posted @ 2022-04-20 13:29  lwming  阅读(2573)  评论(0编辑  收藏  举报