<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>
![照相](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/33/99/09_avatar_mid.jpg?v=1611308125)
- 发布:2023-05-04 14:47
- 更新:2024-07-24 10:56
- 阅读:734
产品分类: 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无效