1***@qq.com
1***@qq.com
  • 发布:2022-05-10 22:34
  • 更新:2022-05-24 10:05
  • 阅读:302

【报Bug】swpier组件在vue3模式下设置无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iPhone11

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">  
    <swiper-item>  
        <view class="swiper-item"></view>  
    </swiper-item>  
    <swiper-item>  
        <view class="swiper-item"></view>  
    </swiper-item>  
</swiper>

预期结果:
<div>  
        <slider>  
                  ..................  
                  <indicator></indicator>  
        </slider>  
</div>

实际结果:
<div>  
        <slider>  
                  ..................  

</div>

bug描述:

在vue3中 nvue类型下,苹果手机真机运行中,swiper的面板指示点,总是会显示,indicator-dots属性设置没有任何的效果,设置颜色也没有任何效果!
通过调试器观察 其生成的 slider 没有结束标签,其中也不包含子标签 indicator!
在VUE2中没有这个问题!
附上 VUE3调试器Elements截图 以及 VUE2 调试器 Elements截图

2022-05-10 22:34 负责人:DCloud_uniAD_HDX 分享
已邀请:
DCloud_uniAD_HDX

DCloud_uniAD_HDX

我们这里测试是正常的,贴个截图看看效果,再提供一个简单的测试工程

true/false 都会有 indicator节点,如果设置了false,opacity=0,为了兼容Android 动态创建显示问题

  • 1***@qq.com (作者)

    在评论区提供了 测试工程,请您看一下

    2022-05-14 22:43

  • 1***@qq.com (作者)

    看下截图 在nvue vue3模式下 没有 indicator节点 同时 slider没有结束标签

    2022-05-16 16:04

1***@qq.com

1***@qq.com (作者)

在vue下正常 在nvue下就不可以呢,附件是测试的

DCloud_uniAD_HDX

DCloud_uniAD_HDX

Bug已确认,下版修复

DCloud_uniAD_HDX

DCloud_uniAD_HDX

3.4.11 已修复

要回复问题请先登录注册