![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
今天不要写bug
虽然辛苦,我还是选择滚烫的人生。
展开
-
vue项目集成CanvasEditor实现Word在线编辑器
实现Word在线编辑器官网文档:https://hufe.club/canvas-editor-docs/guide/schema.html源码地址:https://github.com/Hufe921/canvas-editor在你需要集成编辑器的项目中,安装CanvasEditor第二步:主要文件集成1、下载源码,目录如下:红色框就是我们需要在自己项目中引用的2、在你的vue项目项目中,新建一个文件夹,叫CanvasEditor,这个文件夹内,就放集成的相关文件(代码以及目录结构贴在后边)集成原创 2024-06-24 11:52:02 · 864 阅读 · 1 评论 -
使用iframe嵌入页面时,src改变但是页面未刷新
可能有缓存,页面没有重新加载,没有及时刷新。给iframe加key(亲测有效)值已经变化,仅仅是页面未刷新。希望记录的问题能够帮助到你!嵌入显示, 点击修改该。的内容,即页面未刷新。原创 2023-11-01 10:55:19 · 2781 阅读 · 9 评论 -
.env.serve文件新增内容获取不到
默认情况下,Vue CLI 在不同的环境中会使用不同的环境变量文件。例如,在开发模式下,会使用 .env.development 文件;在生产模式下,会使用 .env.production 文件。默认情况下,该命令会使用 .env.development 文件作为环境变量文件。1、确保你的 .env.serve 文件位于 Vue 项目的根目录下,并且文件名为 .env.serve,而不是其他变种。这样在启动开发服务器时就会使用 .env.serve 文件作为环境变量文件。所以我的问题就是这里,需要加上。原创 2023-09-27 12:00:45 · 329 阅读 · 0 评论 -
vue+axios+el-progress(elementUI组件)实现下载进度条实时监听(小白简洁版)
其实还是踩了很多坑的,什么XHR等等,经过实验,以上方法就可以简便实现功能。开始接收响应数据时,会定期触发该回调函数,以提供下载进度信息。以上,便可以实现一个下载进度条监听的功能,是一个回调函数,它作为参数传递给。请让后端在响应头中加上。原创 2023-09-13 18:05:33 · 3045 阅读 · 1 评论 -
vue项目启动npm run serve常见报错及解决办法
vue项目启动常见报错及解决办法原创 2023-07-24 14:29:14 · 1913 阅读 · 0 评论 -
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime
如果你使用 “node-sass”: “^4.14.1” 的版本的话,那么你需要将 node 的版本调整为: 14 的版本。然后再重新编译后就没有问题了。原创 2023-07-24 14:09:02 · 4347 阅读 · 3 评论 -
报错File was processed with these loaders: You may need an additional loader to handle the result...
最开始一直在搜报错信息,百度得到清一色的结果都是配置webpack, 加vue-loader等等,一直无法解决问题。,那你可以放心像大多数搜索答案一样,配置。如上 我的js文件里的代码是这样的。,我最开始没注意到呜呜呜。,指向的是js代码,原创 2023-07-19 17:14:32 · 4474 阅读 · 1 评论 -
文字过长展示省略号且鼠标略过展示全部内容(不使用UI组件版)
实际的页面开发过程中,很多时候都会出现文字过长,想展示省略号,且鼠标掠过展示全部内容的情况,大多数时间都会选择使用UI组件的tooltip或poptip、加入以下样式即可实现过长展示省略号效果、给对应的标签加上title,代码如下,即可实现业务场景所述效果。原创 2023-05-04 16:56:42 · 2771 阅读 · 0 评论 -
监听滚动条在跳转页面的时候重置为0,即回到顶部
(ps:这里有一个坑,如果你直接去设置滚动位置=0,有可能是会不生效的,那就可以采用以下方式,亲测有效)// 先把滚动条回归到顶部,解决跳转至详情,页面未从顶部展示问题。希望记录的问题能帮助到你,啾咪~原创 2023-03-15 09:21:54 · 902 阅读 · 3 评论 -
流水线vue代码打包npm ERR! missing script: build报错
经过检查我确实使用的是npm run build命令,没有问题。下次注意哦,这里一定要跟项目代码保持一致哦~希望记录的问题能够帮助到你~原创 2022-12-02 09:55:27 · 1298 阅读 · 0 评论 -
iview实现给select下拉框添加鼠标悬浮显示选项简介提示信息d效果(简洁版-3个坑)
因为懒,我还是没有选择用原生js绑定鼠标事件来实现,选择了iview的组件ToolTip,于是经历3个大坑才最终得以解决。原创 2022-10-13 14:37:27 · 1782 阅读 · 0 评论 -
iview的upload组件使用-实现图片上传和详情页回显(适合小白简洁版)
iview的upload组件使用-实现图片上传和详情页回显, 较为简洁的一个办法了,官网上给出的几种上传办法,我用的这个最为方便和简洁,适用于多种场景,不用考虑回显图片这个大坑,比elementUI的上传好用的多...原创 2022-08-18 17:57:12 · 3122 阅读 · 0 评论 -
展示富文本框数据去掉div标签样式显示
很简单,使用正则,设置个过滤器即可,这样就可以实现啦!原创 2022-08-11 08:10:52 · 397 阅读 · 0 评论 -
echarts+vue+antV实现简单的中国地图且省份数据下钻
echarts+vue实现简单的中国地图且数据下钻(简洁适合小白版),大家注意// 注册默认全国地图的json - this.$echarts.registerMap('china', chinaJson)这里的China不能用大写哦,要全小写原创 2022-08-10 09:28:07 · 3195 阅读 · 3 评论 -
el-table “Error: row is required when get row identity“报错解决办法
使用el-table 但是Error in callback for watcher "data": "Error: row is required when get row identity"报错,已经写了row-id="id"也没用,很可能是这个原因导致的原创 2022-08-05 16:47:05 · 4977 阅读 · 1 评论 -
quill富文本框上传视频成功回显失败(把iframe变成video标签)的配置(不下载插件版)
上传视频回显失败,检查后发现视频上传成功之后,视频路径正确,但是并没有生成video标签,而是iframe,所以无法识别视频,更别提回显了。此番操作之后iframe就变成video标签啦,就可以显示视频啦!把它引入到你配置的富文本组件的index.vue里边。网上很多办法是要下载其他插件的,下面这个方法不用。......原创 2022-08-05 16:00:45 · 1314 阅读 · 0 评论 -
富文本框(Quill)的数据样式无法正确回显在其他页面的解决办法
富文本框(Quill)的数据样式无法正确回显在其他页面的解决办法原创 2022-08-05 14:45:53 · 2513 阅读 · 2 评论 -
el-table分页时处在第二页时查询和删除出现bug和报错
> 当处在table第二页时,点击查询按钮,查询数据时会报错解决办法: 在调用查询方法之前需将current(当前页)设置为1,才行> 当第二页只有一条数据时,删除它,并没有跳转到第一页,只是停留在当前空数据页解决办法:调用删除接口成功后,写上以下代码:...原创 2022-07-25 11:33:04 · 1071 阅读 · 1 评论 -
echarts实现进度条样式的柱状图
echarts实现进度条样式的柱状图原创 2022-07-19 10:46:40 · 4462 阅读 · 0 评论 -
Echarts柱状图设置柱间距不生效
Echarts柱状图设置柱间距不生效(告诉你为啥设置barGap了也不生效)原创 2022-07-19 10:39:49 · 10800 阅读 · 12 评论 -
elementUI中的confirm提示框,根据情况不同提示语不同的写法
elementUI中的confirm提示框,用于根据情况不同提示语不同的写法原创 2022-07-14 11:52:08 · 840 阅读 · 1 评论 -
git报错fatal: unable to access ‘XXX‘: SSL certificate problem: certificate has expired
在git bash中执行git clone xxx之后,并没有弹出登陆框,而是报以下错误git报错fatal: unable to access ‘XXX’: SSL certificate problem: certificate has expired打开git bash,输入不出意外可能会继续报错fatal: not in a git directory,...原创 2022-07-11 15:37:48 · 8241 阅读 · 3 评论 -
Web大前端参考学习路线经验分享
Web大前端参考学习路线分享如图:详细讲解请移步B站视频哦~原创 2021-12-22 11:11:44 · 243 阅读 · 0 评论 -
2022届秋招前端开发高频面试题必问(一)
1.This的指向问题2.跨域是怎么实现的4.Jsonp是什么介绍一下5.常见的数据结构都有哪些6.Js继承的6种方式7.栈、队列、链表的区别8.Java 的3个特性: 封装、继承、多态9.UDP和TCP的区别10.三次握手11.http、https、tcp区别12.Var、let、consthttps://blog.csdn.net/weixin_52443895/article/details/111354676?spm=1001.2014.3001.5501以上是面试过程中原创 2021-11-28 21:45:59 · 1212 阅读 · 0 评论 -
记录基于elementUI一个自定义上传图片的小功能
哈喽,这里是今天不写bug的平平,00后程序媛本媛,上班写bug下班改bug的平平(Senior)刚刚进入实习阶段,此次记录一下在项目中遇到的一个小问题,自定义上传图片小功能的一些坑~首先先跟我一起进入【平平改bug】的剧情里叭 ~ 啾咪~~第一幕平平在使用elementUI做只能上传一张图片上传图片功能按钮的时候发现,普通的默认上传无法正确支持支持正确请求接口完成图片的上传,于是平平决定使用自定义上传的方式…// 主要代码<el-upload size="small" class="upl原创 2021-09-14 16:34:26 · 583 阅读 · 0 评论 -
Vue中实现父子组件的数据的双向绑定(vue.sync的用法)
项目场景:前两天日常开发时,遇到需要父子组件双向绑定的问题,出现了一些BUG,但是考虑到组件的可维护性,vue中是不允许子组件改变父组件传的props值的问题描述:问题场景就是子组件传递数据给父组件,父组件收到并改变返回给子组件,子组件再次改变值发送给父组件,大概就是实现双向绑定,其中有一点点细节不一样 1.子组件//子组件---一个dialog弹窗<el-dialog :visible="visible" title="选择图片"> <p class="ti原创 2021-07-26 17:22:00 · 706 阅读 · 0 评论