5***@qq.com
5***@qq.com
  • 发布:2023-07-11 17:45
  • 更新:2023-07-11 17:54
  • 阅读:155

【竟有这种事!!!】 uni-ui扩展组件中 uni-list vue2能用 vue3不能用

分类:uni-app

我是如何发现问题的
1、我创建了一个新的项目 选择了uni-ui版本选择vue3

2、写了如下代码 然后启动项目
相同的代码 如下

<template>  
    <view class="container">  
        <uni-list>  
            <uni-list-item direction="row"> <!-- 自定义内容列表 direction默认row且内部遵循flex布局 -->  
                <view slot="header">1</view>  
                <view slot="body">2</view>  
                <view slot="footer">3</view>  
            </uni-list-item>  
        </uni-list>  
    </view>  
</template>  

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

        }  
    }  
</script>  

<style>  
    .container {  
        padding: 20px;  
        font-size: 14px;  
        line-height: 24px;  
    }  
</style>

vue3版本渲染效果

3、于是如下图所示 在当前项目中切换至vue2 然后重启就正常了

vue2版本渲染效果

2023-07-11 17:45 负责人:无 分享
已邀请:
DCloud_UNI_Anne
  • 5***@qq.com (作者)

    哦 可以了 谢谢大佬 ♪(・ω・)ノ

    2023-07-11 18:03

要回复问题请先登录注册