eachann
eachann
  • 发布:2022-05-12 15:40
  • 更新:2023-06-01 14:40
  • 阅读:528

【报Bug】uniapp Vue3 Attribute 小程序 BUG

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

手机系统: 全部

手机厂商: 华为

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: CLI

CLI版本号: 查看下面 package.json

测试过的手机:

目前只有 H5 与 小程序

示例代码:

package.json 依赖版本

"@dcloudio/uni-app": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-app-plus": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-components": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-h5": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-alipay": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-baidu": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-lark": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-qq": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3040920220506001",
"@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3040920220506001",

操作步骤:

请看描述

预期结果:

小程序正常显示父组件传过去的 Attribute , 目测 属性 、class 、style 都不展示

实际结果:

无样式

bug描述:

环境 vite / vue3 / uniapp 环境

看了看文档,Vue 3 的Attribute 小程序是支持的, 只有多级的 v-bind 不支持。

实际用下来发现并不支持 Attribute , 所以是 不支持还是说bug 呢

<Card style="background: red" / >

O0dv0s.png

2022-05-12 15:40 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com

我也遇到了这个问题,在最新版uni下 运行 vue3,H5模式倒是没啥问题;
组件:

<template>  
    <view class="test-demo">  
        111111  
    </view>  
</template>  

<script>  
    // #ifdef MP-WEIXIN  
    export default {  
        options: {  
            virtualHost: true,  
            addGlobalClass: true,  
        },  
    };  
    // #endif  
</script>  

<style lang="scss">  

</style> 

页面使用:

<view class="content">  
    <Test class="custom" :style="{fontSize: '30rpx'}" />  
</view>

期望效果:

未开启 virtualHost: true 前透传了,但是由于多了层节点;

开启 virtualHost: true后,没有了多余节点,但是class跟style的透传也都失效了;

本来想着用useAttrs 解决,但是发现小程序端无论怎样 打印出来都是没有值的;
只能暂时用自定义的props: cusClass 跟 cusStyle 传参再赋值解决了,但是写法显得很不自由;
不知道这是bug还是因为微信小程序的问题;

要回复问题请先登录注册