JasonZhao

发布：2023-08-30 20:11
更新：2024-11-08 22:33
阅读：411

【报Bug】vue3版本console输出日志的方法重写运行在真机失效，运行在谷歌浏览器就正常。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.8.12

手机系统： Android

手机系统版本号： Android 13

手机厂商： OPPO

手机机型： PFEM10

页面类型： vue

vue版本： vue3

打包方式：离线

项目创建方式： HBuilderX

示例代码：

<template>  
    <view class="content">  
        <text>{{title}}</text>  
        <button type="primary" @click='print'>打印</button>  
    </view>  
</template>  

<script setup>  
    import {  
        ref  
    } from 'vue'  
    const title = ref('index')  
    const print = () => {  
        let clog = console.log  
        console.log = function(val) {  
            title.value = '123'  
            clog('123')  
        }  
        console.log('=>>>>>>>', 'wwww', title.value)  
    }  
</script>  

<style>  
    .content {  
        display: flex;  
        flex-direction: column;  
        align-items: center;  
        justify-content: center;  
    }  

    .logo {  
        height: 200rpx;  
        width: 200rpx;  
        margin-top: 200rpx;  
        margin-left: auto;  
        margin-right: auto;  
        margin-bottom: 50rpx;  
    }  

    .text-area {  
        display: flex;  
        justify-content: center;  
    }  

    .title {  
        font-size: 36rpx;  
        color: #8f8f94;  
    }  
</style>

操作步骤：

vue3版本运行在浏览器console.log是重写成功的，在真机就不行，vue2都可以重写成功的，只是重写函数的参数在浏览器和app是有点不一样的。

预期结果：

console对象的所有方法应该都能重写。

实际结果：

在真机运行重写代码不起作用

bug描述：

vue3在真机运行，console.log重写代码失效，在运行在谷歌浏览器就重写成功。

uni-isuse2.zip

2023-08-30 20:11 负责人:无分享

3 个回复

1***@163.com

遇到同样的问题，兄弟解决了吗？

1***@qq.com

非常神奇的问题，浏览器中确实能重写console.log , 在v3版本的app基座中就是不行

我在重写之后重写赋值，发现console.log 其实是重写成功的，

// 重写 console.log  

const log = console.log  

console.log = (...args)=>{  
    log(args, '*\/*')  
}  

const print = console.log  

// 这里调用了重写之后的 log  
print()

1***@qq.com

在vue3中，uniapp重写了console, 在

uni.__log__

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

【报Bug】vue3版本console输出日志的方法重写运行在真机失效，运行在谷歌浏览器就正常。

操作步骤：

vue3版本运行在浏览器console.log是重写成功的，在真机就不行，vue2都可以重写成功的，只是重写函数的参数在浏览器和app是有点不一样的。

预期结果：

console对象的所有方法应该都能重写。

实际结果：

在真机运行重写代码不起作用

bug描述：

3 个回复

公告

相关问题

【报Bug】vue3版本console输出日志的方法重写运行在真机失效，运行在谷歌浏览器就正常。

操作步骤： vue3版本运行在浏览器console.log是重写成功的，在真机就不行，vue2都可以重写成功的，只是重写函数的参数在浏览器和app是有点不一样的。

预期结果： console对象的所有方法应该都能重写。

实际结果： 在真机运行重写代码不起作用

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

操作步骤：

vue3版本运行在浏览器console.log是重写成功的，在真机就不行，vue2都可以重写成功的，只是重写函数的参数在浏览器和app是有点不一样的。

预期结果：

console对象的所有方法应该都能重写。

实际结果：

在真机运行重写代码不起作用