<template>
<view class="content">
<!-- 在nvue+vue3中，通过:is设置组件为list，show-scrollbar无效 -->
<component :is="is" class="list" :show-scrollbar="false">
<cell v-for="(item,index) in list" :key="item">
<view style="padding: 40rpx;">
{{item}}
</view>
</cell>
</component>
</view>
</template>
<script>
export default {
data() {
return {
is: 'list',
list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
}
},
onLoad() {
// #ifdef VUE3
console.log('vue3');
// #endif
// #ifdef VUE2
console.log('vue2');
// #endif
},
methods: {
}
}
</script>
<style>
.list {
height: 300px;
background-color: red;
}
</style>
照相
- 发布：2023-05-04 14:47
- 更新：2024-07-24 10:56
- 阅读：806
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.6
HBuilderX类型： 正式
HBuilderX版本号： 3.7.11
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iPhone 14 Pro
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行demo到app中，滚动列表，发现滚动条未隐藏。设置了:show-scrollbar="false"按理说应当隐藏滚动条
运行demo到app中，滚动列表，发现滚动条未隐藏。设置了:show-scrollbar="false"按理说应当隐藏滚动条
预期结果：
设置了:show-scrollbar="false"按理说应当隐藏滚动条，但实际未隐藏
设置了:show-scrollbar="false"按理说应当隐藏滚动条，但实际未隐藏
实际结果：
设置了:show-scrollbar="false"按理说应当隐藏滚动条，但实际未隐藏
设置了:show-scrollbar="false"按理说应当隐藏滚动条，但实际未隐藏
bug描述：
在nvue+vue3中，通过:is设置组件为list，show-scrollbar无效
