<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>
- 发布:2021-07-15 00:02
- 更新:2021-07-19 11:17
- 阅读:360
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.22
第三方开发者工具版本号: 1.05.2107090
基础库版本号: 2.17.0
项目创建方式: HBuilderX
示例代码:
操作步骤:
运行demo
运行demo
预期结果:
页面显示效果正常,且允许点击事件。
页面显示效果正常,且允许点击事件。
实际结果:
页面显示异常,且无点击事件
页面显示异常,且无点击事件