照相
照相
  • 发布:2023-05-04 14:47
  • 更新:2024-02-23 15:20
  • 阅读:384

在nvue+vue3中,通过:is设置组件为list,show-scrollbar无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.7.11

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: iPhone 14 Pro

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<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>

操作步骤:

运行demo到app中,滚动列表,发现滚动条未隐藏。设置了:show-scrollbar="false"按理说应当隐藏滚动条

预期结果:

设置了:show-scrollbar="false"按理说应当隐藏滚动条,但实际未隐藏

实际结果:

设置了:show-scrollbar="false"按理说应当隐藏滚动条,但实际未隐藏

bug描述:

在nvue+vue3中,通过:is设置组件为list,show-scrollbar无效

2023-05-04 14:47 负责人:无 分享
已邀请:
小新的狗叫小白

小新的狗叫小白

11111111111111111111

追影和糖糖
照相

照相 (作者)

1111

hikerw

hikerw

11111111

照相

照相 (作者)

有解决方案吗~

要回复问题请先登录注册