vue3中vconsole使用方法

1.安装

npm i vconsole -D

 2.在Vue项目的入口文件(通常是main.js或main.ts)中导入VConsole

请注意,在生产环境下,你应该避免将VConsole包含在你的项目中。你可以使用条件语句来仅在开发环境下引入VConsole

//处理是开启H5调试
import VConsole from "vconsole";
//  在dev环境使用
if (process.env.NODE_ENV == 'development') {
   const vconsole = new VConsole({
        onReady: () => {
            console.log('vConsole: onReady');
            // 置顶最高层级
            var vcSwitch = document.getElementsByClassName('vc-switch')[0];
            vcSwitch.style.zIndex = '9999999999';
            var vcMask = document.getElementsByClassName('vc-mask')[0];
            vcMask.style.zIndex = '9999999999';
            var vcPanel = document.getElementsByClassName('vc-panel')[0];
            vcPanel.style.zIndex = '9999999999';
            // console.log(vcSwitch, vcMask, vcPanel)
        },
    })
}

 

posted @ 2024-12-10 11:37  时光独醒  阅读(2331)  评论(0)    收藏  举报