功能
关注
分享
扫一扫
实践中遇到的问题记录
BUG小太阳
这个作者很懒，什么都没留下…
展开
-
管理平台的侧边栏+面包屑的实现
管理平台的侧边栏+面包屑功能的实现和封装原创 2022-11-17 22:51:59 · 1014 阅读 · 0 评论 -
富文本图片样式自适应
富文本图片溢出原创 2022-07-29 16:44:25 · 462 阅读 · 0 评论 -
vue2+wangeditor5+oss上传图片
编辑器图片上传原创 2022-07-23 16:10:01 · 1039 阅读 · 0 评论 -
工具函数map、reduce、filter
场景：模拟Api实现的原理mapindex.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc.原创 2022-04-19 20:28:43 · 175 阅读 · 0 评论 -
vue项目package.json配置
场景：菜狗配置Jenkins运行测试项目命令‘npm run build’项目显示为正式环境问题：运行命令配置错误导致项目环境错误解决思路：根据不同的环境配置不同的运行脚本命令本地：npm run serve测试：npm run stage正式：npm run build配置环境（与src同级目录）.env.developmentNODE_ENV='development'# must start with VUE_APP_VUE_APP_ENV = 'development'.原创 2022-04-19 20:21:12 · 2401 阅读 · 0 评论 -
防抖截流分析应用
应用场景：防抖：滚动截流：点击、输入防抖index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init.原创 2022-04-18 10:32:08 · 149 阅读 · 0 评论 -
vue+elementUi+oss上传
一、 需求：oss子账号上传图片二、前提：《1》配置Bucket (很重要，不设置的话会出现跨域问题)将allowed origins（来源）设置成 *将allowed methods（允许methods）设置成 PUT, GET, POST, DELETE, HEAD将allowed headers（允许headers）设置成 *将expose headers（暴露headers）设置成 ETag （这里需要换行） x-oss-request-id1、后端返回oss的配置信息.原创 2021-12-20 19:52:38 · 337 阅读 · 0 评论 -
element-ui的Upload上传中action发送请求的问题
需求：(post请求)问题：1、action必填项2、token失效3、请求两次解决如下：<template> <div> <el-form label-width="80px"> <el-form-item label="资源上传:"> <el-upload class="upload-demo" ref="upload" :acti.原创 2021-09-22 15:47:48 · 5565 阅读 · 0 评论 -
echarts折线图中的tooltip显示多行数据
需求：有xy轴的折线图，显示除了xy轴信息之外后端给的其他信息tooltip方法：利用tooltip中的formatter进行数据拼接//u 折线（区域）图、柱状（条形）图、K线图: {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无） tooltip: { trigger:'item', padding:[20,10,20,10], formatter:'{a} </br>{b}:{c}%' }seri.原创 2021-06-29 19:25:01 · 2665 阅读 · 0 评论 -
echarts的环形图内部显示多行信息
需求：1、样式：没有数据显示全灰色环2、信息：环内部显示多行数据方法：利用graphic数组，设置多个对象，分别设置left和top进行定位效果：代码如下： graphic:[ { type:'text', left:'center',//定位 top:'35%',//定位 style:{ t.原创 2021-06-29 18:57:55 · 1510 阅读 · 0 评论 -
echarts封装组件-解决界面不显示数据问题
需求：首页显示多种类型的统计图（封装多个组件方便后续使用）问题：数据获取后无法渲染到界面（ vue axios属于异步加载数据）解决：利用watch，监控数据变化，根据变化调用渲染echarts的方法参考：按需引入：一、创建组件(components/charts/lineArea.vue)// echarts按需引入<template> <div ref="dom"></div></template><script&g.原创 2021-06-20 14:53:49 · 1265 阅读 · 0 评论 -
vue根据断网状态显示断网的信息界面
需求：断网状态显示断网的信息界面(noNetwork.vue)注意：只能监控到wifi断开时的状态，如果wifi连接无网络无法显示一、路由配置(routes/index.js)注意：不可以使用路由懒加载的方式 { name: 'noNetwork', path: 'noNetwork', component:require('@/components/errorStatus/noNetwork.vue').default },二、全局中设置（App.vue.原创 2021-06-17 21:42:56 · 1433 阅读 · 0 评论 -
vue根据http响应状态渲染显示404、500界面
需求：响应错误时，渲染显示出有错误信息的界面准备：在compontent中创建错误信息界面400.vue、500.vue注意：注意查看错误界面需要放在路由的哪一级别（我是children下）一、创建路由（routes/index.js） export default { mode: 'history', routes: [ // 动态路径参数 以冒号开头 { name:'index', path: '.原创 2021-06-17 19:58:15 · 1358 阅读 · 0 评论 -
下载功能实现:get请求为数组
前序问题：1、get请求中参数为数组：根据后端的要求转化为一定的格式2、下载的文件名称在相应头中：需要后端更改后前端在请求头中获取数组需转换格式要求：数组 a=[“b”,“c”] 要求格式为a=b&a=c//安装qsnpm inistall qs --save//引入qs(我是在请求拦截配置中更改的)important qs from 'qs'/** * 请求拦截器(拦截get处理后可直接传递数组参数) */instance.interceptors.reque原创 2021-06-07 14:16:44 · 219 阅读 · 0 评论