JasonZhao
JasonZhao
  • 发布:2023-08-30 20:11
  • 更新:2023-08-30 20:11
  • 阅读:147

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

分类:uni-app

产品分类: 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重写代码失效,在运行在谷歌浏览器就重写成功。

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

要回复问题请先登录注册