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

