VUE
vue.js 记录项目中遇到的常见问题,及分享经验
码农颜小白
这个作者很懒,什么都没留下…
展开
-
若依SpringBoot+Vue分离版打包部署(前端)
遇到的问题为vue项目webpack-dev-server配置后本地连接服务器地址正常请求,但是打包之后请求服务器接口一直是404;1.npm run build:prod 打包2.npm run preview 打包正式环境预览.env.product(生产环境配置)文件,我这边是将接口地址也放到了里面VUE_APP_API_URLvue.config.js文件 反向代理及路由重写.env.product和vue.config.js文件进行修改后即可打包npm run build:pr原创 2022-06-27 17:27:15 · 2597 阅读 · 1 评论 -
uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用
uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用在uniapp中popup弹窗及对话框的遮罩层是覆盖不了原生的导航栏和tab栏的,在tabbar页中使用弹出框会非常的违和,接下来告诉大家实现的思路。创建一个页面放置components或者pages中,接着在pages.json中注册当前页面,并设置背景色透明及取消导航栏。{ "path": "components/ymt-updateModel/ymt-updateModel", "style": { "navig原创 2022-05-27 16:45:55 · 15669 阅读 · 23 评论 -
‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
Vue运行项目错误Vue npm run dev or npm run server报错:处理方法如果上面得方法还是没有解决,请试试下面的:Vue npm run dev or npm run server报错:处理方法一般来说,这个是因为当我们从git上拉取代码时代码里没有node_modules,所以当你直接run dev时会报错 ,一般情况我们直接npm i or npm install就可以了 ,等待依赖文件下载。如果速度过慢下不下来的话可以使用淘宝镜像npm --regis原创 2021-09-29 09:58:03 · 623 阅读 · 0 评论 -
如何更新echarts版本?init报错?
更新方法:npm install --save-dev echarts@^5.0.1引用方式也需要改变为(init方法报错就是引用方式不正确引起的):import * as echarts from ‘echarts’;原创 2021-06-08 17:31:43 · 2256 阅读 · 0 评论 -
axis.getLabelsCoords is not a function 实测解决
axis.getLabelsCoords is not a function继上一个一个文章发现项目成功运行了之后,但是将echarts实例拿过来后,又遇到了报错getLabelsCoords is not a function。发现gitthb上echarts得开发人员说gl版本要更新到1.1.1 然后就不报错了!实测可用npm install echarts-gl@1.1.1 --save...原创 2021-06-07 16:23:59 · 1270 阅读 · 0 评论 -
Vue使用echarts得3D绘图时,引入“echarts-gl”报错,not found Grid3DView、LabelsBuilder
echarts得3D绘图时,引入“echarts-gl”报错今天同事因为要使用echarts绘制3D 柱状图所以需要在引入echarts-gl,但是在导完包后项目运行时 就报错了。让我看看所以又积累了一个小知识,看看报错This dependency was not found:* echarts/lib/label/labelStyle in ./node_modules/echarts-gl/lib/component/common/LabelsBuilder.js, ./node_module原创 2021-06-07 16:15:20 · 7708 阅读 · 4 评论 -
Vue.js如何实现倒计时?颜小白实测可用!
Vue.JS如何实现倒计时功能1.首先一般来说前端小伙伴们会收到后端同学传过来的一个结束时间,大部分需要倒计时得情况都是在详情页,比如商品,活动等一些场景。2.如果需要实现倒计时功能,首先我们需要知道如何计算剩余时间,首先我们会拿到后端传过来的endTime。一般使用时间戳去计算。时间戳分为10位,秒为单位,13位毫秒为单位。首先获取当前时间用当前时间-endTime。我们就拿到了剩余时间,有两种情况:(1)首先endTime减去当前时间如果小于0说明结束时间已经过去了,返回一个“已截至”(2)如果en原创 2021-03-13 10:21:00 · 1557 阅读 · 0 评论 -
Vue.js如何实现验证码倒计时?码农颜小白实测
Vue.js如何实现验证码倒计时?来这里看看首先验证码倒计时是基本上所有需要登录得页面或程序所需要的。验证码倒计时得实现其实就是通过计时器,不断地调用当前方法对所设置得倒计时总数进行 - -。代码如下: 页面使用 <div prop="password" style="margin: 30px 0;position: relative;height: 40px;"> <el-input placeholder="验证码" v-model="passwo原创 2021-03-13 09:51:39 · 245 阅读 · 0 评论