【报Bug】vue3项目页面参数为className时，页面根标签的class会被覆盖，导致页面样式丢失

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.5

浏览器平台： Chrome

浏览器版本： 131.0.6778.205

项目创建方式： CLI

CLI版本号： 3.0.0-4030620241128001

操作步骤：

1.下载vite-ts cli模板
2.添加sass插件
3.创建一个页面，写入下面的代码

<template>  
    <view class="test">  
        <view class="test-text">测试</view>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {};  
    }  
};  
</script>  

<style lang="scss" scoped>  
.test {  
    .test-text {  
        color: red;  
    }  
}  
</style>

4.从index跳转到这个页面并携带参数 className=123

预期结果：

页面样式正常，文字为红色

实际结果：

根元素class被覆盖，文字是默认颜色

bug描述：

vue3项目页面参数为className时，页面根标签的class会被覆盖，导致页面样式丢失；参数为class时，页面根标签的class会合并

2024-12-24 18:23 负责人:无分享

1 个回复

1***@qq.com (作者)

要回复问题请先登录或注册

【报Bug】vue3项目页面参数为className时，页面根标签的class会被覆盖，导致页面样式丢失

预期结果：

页面样式正常，文字为红色

实际结果：

根元素class被覆盖，文字是默认颜色

bug描述：

1 个回复

公告

相关问题

【报Bug】vue3项目页面参数为className时，页面根标签的class会被覆盖，导致页面样式丢失

预期结果： 页面样式正常，文字为红色

实际结果： 根元素class被覆盖，文字是默认颜色

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

页面样式正常，文字为红色

实际结果：

根元素class被覆盖，文字是默认颜色