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) }, }) }
标签:style,vc,VConsole,vcSwitch,vconsole,vue3,vcMask,方法 From: https://www.cnblogs.com/czhowe/p/18596991