uni-app 3.1.22 版本在插槽模板中监听事件后,编译后的标签位置错误且不能正常显示

uni-app 3.1.22 版本在插槽模板中监听事件后,编译后的标签位置错误且不能正常显示

信息类别 详情
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 10
HBuilderX类型 正式
HBuilderX版本号 3.1.22
第三方开发者工具版本号 1.05.2107090
基础库版本号 2.17.0
项目创建方式 HBuilderX

示例代码:

<template>  
    <ul-swiper :list="list" :current.sync="current" height="100vh">  
        <template #default="{ item }">  
            <!-- 插槽中事件监听后,编译后组件位置错误。去掉监听事件后,页面显示正常 -->  
            <view @click="onClick" :data-item="item">  
                <view v-if="item.active" class="active" />  
                <view class="" v-for="i in 100" :key="i">  
                    <test2 :item="item">{{ item.id }}</test2>  
                </view>  
            </view>  
        </template>  
    </ul-swiper>  
</template>

操作步骤:

  • 运行demo

预期结果:

  • 页面显示效果正常,且允许点击事件。

实际结果:

  • 页面显示异常,且无点击事件

更多关于uni-app 3.1.22 版本在插槽模板中监听事件后,编译后的标签位置错误且不能正常显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 3.1.22 版本在插槽模板中监听事件后,编译后的标签位置错误且不能正常显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


scopedSlotsCompiler 尝试切换为 legacy 或者 augmented 试试
https://uniapp.dcloud.io/collocation/manifest?id=mp-weixin

回到顶部