蜗牛小弟
蜗牛小弟
  • 发布:2023-01-16 10:18
  • 更新:2023-01-16 10:18
  • 阅读:148

【报Bug】scroll-view在nvue下无法同时支持x\y滚动

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.17

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: 14

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <scroll-view :scroll-x="true" :scroll-y="true" class="wrap">  
            <view class="box">  
                <text>test1</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
            <view class="box">  
                <text>test2</text>  
            </view>  
        </scroll-view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {}  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .wrap {  
        background-color: beige;  
        display: flex;  
    }  

    .box {  
        width: 900rpx;  
        background-color: bisque;  
        margin-right: 10rpx;  
        margin-top: 10rpx;  
        height: 200rpx;  
    }  
</style>  

操作步骤:

分别在vue页面和nvue运行上面的代码。

预期结果:

nvue页面也要支持x\y两个同时滚动

实际结果:

只有y能滚动

bug描述:

设置scroll-view :scroll-x="true" :scroll-y="true"之后在vue页面运行正常,可以横向和纵向滚动。

切换到nvue模式下,就只支持纵向滚动了,横向滚动消失了。

2023-01-16 10:18 负责人:无 分享
已邀请:

要回复问题请先登录注册