Vue实战项目Bug解决汇总
qq_38969618
这个作者很懒,什么都没留下…
展开
-
去除:vue项目打包上线时,里面所有的console.log语句
1.下载插件:npm i babel-plugin-transform-remove-console --save-dev2.在babel.config.js文件中添加即可:const plugins = []if (process.env.NODE_ENV != 'development') { plugins.push('transform-remove-console')}module.exports = { presets: [ '@vue/app' ]...原创 2020-12-23 10:39:14 · 1354 阅读 · 0 评论 -
vue-devtools调试工具
点击“推荐下载”→将XXX.crx文件直接拖拽到谷歌的“扩展程序”中→在本地打开vue项目(开发版,已打包上线版无法调试),刷新控制面板即可!XXX.crx文件下载链接:https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd...原创 2020-03-10 21:46:45 · 142 阅读 · 0 评论 -
vue-cli4中使用less全局变量(4步)
(1)先下载less:npm i less-loader less --save-dev(2)再下载:npm istyle-resources-loader --save-dev(3)在vue.config.js文件中配置:const path = require('path')function resolve (dir) { return path.join(__dir...原创 2020-03-10 21:17:24 · 6106 阅读 · 0 评论 -
删除电脑某个文件夹,一直显示“文件夹正在占用”无法操作
任务栏上右键→“启动任务管理器”→“性能”→“资源监视器”→“cpu”→在下方“关联的句柄”中输入改文件夹名称→将下方显示的映像列表中正在使用该文件的所有进程右键关闭即可!...原创 2020-03-08 20:08:16 · 1313 阅读 · 0 评论 -
移动硬盘中的文件双击显示“文件或目录损坏且无法读取”
在电脑上→“开始”→“运行”→在运行框中输入“cmd”→在终端中输入(H为移动硬盘所在盘符):chkdsk H:/R即可。参照:https://zhidao.baidu.com/question/630357779533830404.html...原创 2020-03-08 13:08:34 · 241 阅读 · 0 评论 -
手机端回到顶部效果一直失效(滚动值总为0)
移动端兼容写法:letscrollTop=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop; 这3个参数一直为0,解决:将overflow-y:auto去掉(我用的)或改为overflow-y:visible即可。小tip: html文档有DTD声明用document.d...原创 2020-02-27 21:19:55 · 1164 阅读 · 0 评论 -
vue项目中使用iconfont字体图标(阿里巴巴图标库)
"图标管理"→“我的项目”→新建项目(第一次使用需创建项目)→“图标库”→“官方图标库”→查询关键字→将所需的图标点击“添加入库”→左上角选择购物车图标→“添加至项目”→在我的项目中,“下载至本地”→解压文件夹,可命名为fonts,放在src的assets目录下,在main.js中引入iconfont.css文件,在.vue中给某元素添加类名class="iconfont",元素内容可直接复制网...原创 2020-02-24 23:26:01 · 720 阅读 · 0 评论 -
Vscode配置ftp连接远程服务器(上传本地文件)
下载sftp插件→本地新建sftp文件夹(里面存放要上传的文件),拖拽到vscode工作区→按ctrl+shift+p,输入sftp:config回车,选择上一步建的sftp文件夹,配置sftp.json文件→在sftp文件夹右键选择“Upload File”即可。// sftp.json配置文件中:{ "name": "My Server", "host": "XXX.X...原创 2020-02-24 21:34:03 · 6141 阅读 · 1 评论 -
引入本地图片路径不显示(在data选项中或动态给src赋值)&vant组件file对象可直取base64
解法(图片放在src目录的assets目录下):通过require("本地图片路径")或import("本地图片路径")方法引入。eg. require('../../assets/icons/test.png')Tips:vant上传组件的file对象(file.content是base64图片,可直接赋值给图片的src):eg.this.src=file.content;...原创 2020-02-22 10:55:02 · 1843 阅读 · 0 评论 -
(app端)Vue开发的项目在手机上实时查看效果
电脑上先安装360wifi发射器→npm run serve后控制台出现的network网址(不是本地那个网址)→先用手机连接上电脑的wifi热点→在手机浏览器中直接访问network网址即可。...原创 2020-02-03 17:15:42 · 690 阅读 · 0 评论 -
Vue图片压缩插件Irz(可直接获得图片的base64格式)
先下载(不指明下载环境时,默认下载到生产环境):npm install Irzimport lrz from 'lrz'// 第1个参数是file对象类型lrz(file1.file, { width :300, // 按宽度300px尺寸压缩上传 quality: 0.8 // 设置压缩质量 }).then(...原创 2020-02-03 15:30:02 · 1023 阅读 · 0 评论 -
Vue项目--路由模式推荐hash,history有坑需后端配合。
// 在路由的配置文件router.js中:let router = new VueRouter({ // routes:数组 // routes:routes routes, mode:'hash', // 哈希模式,推荐使用 // mode:'history', //历史模式返回有坑,需后端配合,不推荐使用 scrollBehavior () { ...原创 2020-02-03 15:10:38 · 872 阅读 · 0 评论 -
Vant的upload图片组件:使用户上传的图片全部都显示出来(css3的object-fit属性)
/* 使上传的图片自适应外层宽高,使用css3属性:object-fit */.van-uploader__preview-image .van-image__img{ object-fit: contain !important;}原创 2020-02-03 15:05:48 · 2373 阅读 · 0 评论 -
(移动端)在APP中嵌入H5网页,返回上一步&返回APP菜单首页
H5页面中:返回上一步固定写法(前端实现:使用vue框架的返回上一步语法即可):<a href="javascript:;" class="myarrow" @click="backforward"></a> methods:{ backforward(){ this.$router.back(-1); // 返回上一步 ...原创 2020-02-03 15:00:23 · 10173 阅读 · 4 评论 -
路由使用params方式传参时,必须指定目标路由的name属性(不用写path)
// 使用params传参时,必须指定name属性(即目标路由的name属性,此时不用写path)router.replace({name:"mysucc",path:"/mysucc",params:{real_name:real_name,card_id:card_id}});在路由配置router.js文件中:...// 需添加name属性{name:"succ",pa...原创 2020-02-03 14:45:54 · 1493 阅读 · 1 评论 -
axios的post方式传后端参数时,后端一直接收不到或报参数格式有误
需先下载:npm install qs最后发送的数据就是以 form-urlencodoed的方式发送了。import qs from "qs";axios({ method: "post", url: "https://aip.baidubce.com/rest/2.0/ocr/v1/idcard?access_token=24....原创 2020-02-03 14:36:42 · 310 阅读 · 0 评论 -
vue项目打包后部分图片不显示
(1)图片的后缀名不能含ad字母敏感词(即谷歌会认为是广告,并自动删除)(2)图片本身(质量)的原因,跟前端无关,需让UI给新的设计图片。--备注:QQ直接截图到本地的图片打包后可能也不显示,需跟UI要原始设计图。...原创 2020-02-03 14:25:14 · 2025 阅读 · 0 评论 -
vue项目打包后显示空白
在项目根目录下新建文件vue.config.js(与src在同一目录),并配置如下:// 在vue.config.js文件中:module.exports = { // 修改的配置 // 将baseUrl: '/api',改为baseUrl: '/', // baseUrl: '/',3.0 被弃用改为 publicPath outputDir: 'dist'...原创 2020-02-03 14:19:58 · 424 阅读 · 0 评论