<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>
蜗牛小弟
- 发布：2023-01-16 10:18
- 更新：2023-01-16 10:18
- 阅读：231
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.17
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： 14
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
分别在vue页面和nvue运行上面的代码。
分别在vue页面和nvue运行上面的代码。
预期结果：
nvue页面也要支持x\y两个同时滚动
nvue页面也要支持x\y两个同时滚动
实际结果：
只有y能滚动
只有y能滚动
bug描述：
设置scroll-view :scroll-x="true" :scroll-y="true"之后在vue页面运行正常，可以横向和纵向滚动。
切换到nvue模式下，就只支持纵向滚动了，横向滚动消失了。
0 个回复