vue
想把星星变成糖
试着迈出一步,你会发现生活远不止这样
展开
-
css中如何根据子元素选择祖父级(:has)
【代码】css中如何根据子元素选择祖父级(:has)原创 2023-07-11 12:03:20 · 1110 阅读 · 0 评论 -
app(uniapp)端如何查看pdf、图片、视频
调用 uni.downloadFile 和 uni.openDocument。调用 uni.previewImage。原创 2023-05-26 10:26:22 · 1533 阅读 · 0 评论 -
vue项目提交请求,数据为表单数据
2、将json数据转为formData的数据格式(表单数据格式)1、在request封装里面将header头改变。原创 2023-05-12 12:56:29 · 544 阅读 · 0 评论 -
使用map对数组对象中某个属性进行获取,出现undefined情况
map出现undefined情况原创 2022-06-14 10:16:14 · 2510 阅读 · 0 评论 -
vue3使用Mock.js模拟接口数据
开发项目的时候,如果后端接口没有出来,前端工程师也不必非得等接口出来才进行下步开发。可以使用mock.js来模拟接口数据,以下就是使用vue3设置hook函数来封装axios请求,配合mock.js来实现的代码,mock的使用借鉴了大佬的博文https://blog.csdn.net/possible_fish/article/details/123776419一、安装mock.js文件执行npm命令: npm install mockjs二、引入mock文件,并定义.原创 2022-05-19 17:54:23 · 4292 阅读 · 1 评论 -
vue3写hook函数封装axios请求时,请求的数据含有换行符,且不能转为正常的json格式
前提:练习vue3的时候,写hook函数封装请求时,自己写的json文件模拟接口数据,请求的数据如下:我测试了好久,什么replace、json转化数据啥的都用了全都没用,最后机缘巧合下发现了是json文件中的单引号问题,真是醉了,写的代码如下:1、json文件模拟接口数据2、hook函数封装axios请求3、页面上发起请求4、最后结果输出事实证明,很小的细节会影响大局,哈哈哈...原创 2022-05-19 15:01:16 · 684 阅读 · 0 评论 -
typeScript中tsconfig.json无故报错
报错:原因:是由于该文件的同级目录下,没有ts文件,所以会报这种类似于语法错误的,只要在同级下创建一个ts文件即可。原创 2022-04-19 10:01:06 · 5545 阅读 · 1 评论 -
vue+element 解决多个请求同时报错,弹出多个消息框message从而影响界面视觉效果的问题
每次请求一报错就会弹出多个提示消息,多次请求同时报错更会出现满屏的消息提示,不太美观!然后查了百度,看了大佬donggua_123的关于这个的博客,完美解决问题。大佬的博客地址1、创建resetMessage文件,在里面写上大佬重新封装的element消息框message的方法代码:/**重置message,防止重复点击重复弹出message弹框 */import { Message } from 'element-ui';let messageInstance = null;..原创 2021-06-23 17:15:07 · 2532 阅读 · 2 评论 -
在vue+echars图表中,当执行一次点击事件时,事件方法会累加执行多次?
效果:点击搜索按钮的时候,有新数据返回所以图表需要重新渲染,然后点击图表中的项会打印详情数据bug再现:当刷新页面的情况下,第一次点击项,会正常显示一条新数据;其次再不刷新页面的情况下,点击搜索按钮渲染图表,点击项会出现2条一样的数据;然后点搜索按钮再次渲染图表,点击项会出现3条一样的数据,以此类推,重复累加打印经过多次测试发现原因是: echars图表渲染几次,事件就会执行几次解决办法:在渲染图表之前,关闭点击事件,使用off页面刷新时,打印了1条数据,正常:...原创 2021-06-23 16:57:38 · 350 阅读 · 0 评论 -
echars里面想要标记x轴或y轴某个范围之内的数据,可以使用图表标域markArea
使用series里面的markArea对象即可,而markArea里面的data数据四个二维数组对象代码如下: // 图表标域,常用于标记图表中某个范围的数据,例如标出某段时间投放了广告。 markArea: { // 图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件。 silent: true , // 显示标签,且标签位于.原创 2021-06-22 10:24:52 · 1036 阅读 · 0 评论 -
如何禁用hover 在 box(图形) 上的动画效果效果和鼠标点击事件?
禁用动画效果 在series里面添加属性:hoverAnimation:false,hoverAnimation的相关文档地址禁用鼠标在图形上的点击事件:在series里面添加属性:silent:true,默认值是falsesilent的相关文档地址每天都要收获一点点!...原创 2021-06-22 10:12:53 · 429 阅读 · 0 评论 -
如何设置x轴为时间轴的echars图表?
echars如何设置x轴为time时间轴?将xAxis中的type值设为time,data并不用写,然后设置图表需要的时间范围即可。原创 2021-06-21 18:09:34 · 1561 阅读 · 2 评论 -
element中俩个el-table切换且其中一个设置了type为selection全选列,但切换的时候,表格全选列时有时无
问题:俩个el-table,第一个设置有全选按钮列,第二个没有。当用v-if进行点击切换的时候,如果第一次点击的是无全选按钮的,则第二次点击含有全选按钮的表格shi原创 2021-06-09 15:43:25 · 1712 阅读 · 2 评论 -
在el-select多选框里面设置input搜索框并能实现搜索功能
思路:通过给搜索框设置点击事件,oninput 当input的value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了)原创 2021-06-01 17:26:03 · 5354 阅读 · 0 评论 -
当vue+element(el-select)下拉框的绑定的value值为对象时,报错“ <transition-group> children must be keyed: <ElTag>”
原因:是因为el-select中v-model绑定的值类型是对象。且没有设置value-key属性作为唯一标识符解决办法:在el-select里面设置value-key属性,值要和option中key的值保持一致。(ps:option绑定的值好像不能自己设置类型,比如在里面写花括号“{}”,会报错)<el-select multiple v-model='selectedArray' value-key="id"> <!-- 因为选定的value值是对象 为了保证原创 2021-05-31 22:25:47 · 676 阅读 · 0 评论 -
vue项目开启https,连接后台接口(接口是https的)报错“NET::ERR_CERT_AUTHORITY_INVALID”
在同事电脑上可以正常运行。且证书已经生成,但在本人的电脑上报错,离谱浏览器:Chrome,编辑工具:vscode,框架:vue查了好久的百度才发现这个bug的原因是:没有将证书添加到浏览器内解决办法:打开浏览器的自定义以及控制按钮(也就是谷歌页面右上角的三个点)选择设置:隐私设置和安全性——安全找到管理证书将在本地已经生成的证书导入进来就可以了ps: 这个办法有局限性,只能在谷歌浏览器中解决,在火狐中仍有证书问题的bug(可以点击请求链接,然后重新访问),相关解决办法还在解决.原创 2021-05-18 17:32:56 · 4649 阅读 · 2 评论