2***@qq.com
2***@qq.com
  • 发布:2022-04-27 12:33
  • 更新:2022-05-19 14:03
  • 阅读:479

【报Bug】rich-text在H5端,部分标签不会加上 data-v-xxxx 的属性

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 红米k40 游戏增强版

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

见描述

预期结果:

见描述

实际结果:

见描述

bug描述:

<template><view>  
    <view class="content">  
        <rich-text class="rich-text" :nodes="content"></rich-text>  
    </view>  
</view></template>  
<script>  
export default{  
    data(){  
        return{  
            content: '<div class="simgahead"><div class="simgaheadleft"><img class="simgaheadleftimg" src="http://l.guangdiu.com/2528ecc6ef6e92b62d089f7e7f94d75a.jpg?imageView2/2/w/320/h/320/format/jpg"></div><div class="simgaheadright"><img class="simgaheadrightimg" src="http://l.guangdiu.com/38c66a012c25774e106e81b653f00dd8.jpg?imageView2/2/w/320/h/320/format/jpg"></div></div>   <p itemprop="description">京东该商品参加满1000减50元优惠券的促销活动,当前到手价1248.00元,附有额外赠品:中柏EZpad8 10.1英寸原装磁吸键盘笔记本底座 巧克力键帽 一体式触控板 带转轴 适合膝上使用*1,降价前售价为1308.00元,本次降幅5%,与上次爆料价相等。喜欢的朋友们不要错过~</p><p itemprop="description">叠加优惠券:<a target="_blank" href="https://guangdiu.com/to.php?u=http%3A%2F%2Fcoupon.jd.com%2Filink%2FcouponActiveFront%2FlinkKey%2Ffront_index.action%3FlinkKey%3DAAROH_xIpeffAs_-naABEFoeFzdarNyjx0-Qi4GiLaXxJPZ8h5CcJDbBiWfOAgOvrsGdkn-Lpn_C1mz1wfuP-xaTdSsE6g%26to%3Dwww.jd.com">满1000减50元优惠券</a></p>'  
        }  
    },  
}  
</script>  
<style lang="scss">  
.content{  
    font-size: 29rpx;  
    line-height: 160%;  
    padding: 21rpx 31rpx 59rpx 31rpx;  
    color: #48494d;  
    .rich-text{  
        width: 100%;  
        a{/* 这个因为bug,是应用不上的 */  
            color: #5db95b;  
        }  
        img{  
            width: 100%;  
            background-color: #F9F9F9;  
        }  
    }  
}  
</style>

看截图就知道了,
css有加上data-v-xxx 的属性,但是html标签却没有,导致样式表应用不上,app端不会

2022-04-27 12:33 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题复现,已反馈给相关人员排查,已加分,感谢反馈!

  • 2***@qq.com (作者)

    你好,我反馈了一个bug,你看一下

    https://ask.dcloud.net.cn/question/145878

    2022-05-26 19:00

DCloud_UNI_LXH

DCloud_UNI_LXH

可以先在样式前使用 /deep/ 。预计下版修复

DCloud_UNI_LXH

DCloud_UNI_LXH

alpha 3.4.10 已修复

  • 2***@qq.com (作者)

    你好,我反馈了另一个bug,你看一下

    https://ask.dcloud.net.cn/question/145878

    2022-05-26 19:00

要回复问题请先登录注册