weixin_41346436的博客

概述：如果首次查询的折线图有8条，二次查询的只有5条，刚开始还以为是后端传错了，结果查看以后，后端数据返回的数据条目是对的，那问题肯定就是前端的了，本以为每次查询清空所赋值的对象或数组，也不行。结果了解以后是Echarts渲染的问题。原因：折线图setOption时，默认对option进行合并，所以即使一次选择一条数据渲染时（除了首次）也会数据重叠显示多条折线解决方案1：根据api上说的，notMerge参数默认为false，设置成true，只要不让它合并数据那么问题就解决了mychart.se

后端返回的数据格式是一般的数据格式，前端处理还是比较复杂，此处做个记录数据格式效果图 X轴年月和每一组的柱状图条数都是动态的代码中的输出数据格式代码getData就是获取后端数据的接口 getDataval).then((res) => { if (res.code == 200) { var main = [] var arr3Year = [] var dataYList = []

定义handleScan方法：接下来，在你的Vue组件中定义handleScan方法。这个方法将会调用钉钉的dd.biz.util.scan API来启动扫码操作，并根据结果执行相应的逻辑。处理扫码结果：在onSuccess回调函数中，你可以获取到扫描条形码或二维码后的文本内容。而在onFail回调函数中，则需要处理可能发生的错误。引入钉钉JS SDK：在你的Vue组件中，你需要确保已经正确地引入了钉钉JS SDK。

【代码】Vue项目运行页面禁止缩放【移动端和PC端都禁止缩放】解决方案。

在前端开发中，WebSocket 是一种常见的技术，用于实现客户端与服务器之间的双向通信。下面我将给出一个使用 Vue2 实现 WebSocket 连接的示例，并包括处理连接中断以及实现心跳检测的机制。首先，你需要在 Vue 组件或混合模块中初始化 WebSocket 连接。以下是一个简单的示例：// 导入 Vue，如果你在 Vue 项目中，这通常不需要，因为 Vue 已经是全局对象或者导入了name: 'WebSocketComponent', // 组件名称data() {return {

【代码】v-for 双层循环dom拖拽功能。

关于Echarts的tooltip配置项的小结tooltip的值配置保留2位小数，且数据后面添加%或者其他单位图示：代码： tooltip: { trigger: 'axis', //核心代码，处理tooltip中的数据需要在此formatter函数中做处理 formatter(params) { var relVal = params[0].name; fo

Element-ui中el-tabs，el-tab-pane切换改变字体颜色，以及自定义下方条状的颜色等样式效果代码结构<template> <div class="main"> <el-tabs v-model="activeName" class="box"> <el-tab-pane label="视频" name="video"> <CourseVideo></CourseVideo&g

【代码】Vue 前端导出页面A4大小pdf，Vue前端导出pdf自动切割换页不切割内容 Vue导出页面pdf自动分页和添加页码 导出的pdf提高清晰度。

【代码】Vue开发自动生成验证码功能 前端实现不使用第三方插件实现随机验证码功能，生成的验证码添加干扰因素。

需求：computed计算属性的应用一般会是几个互不影响的值计算，本次需求是多个值互相引用计算效果图注：computed多个值单独已用计算时，会报错，Vue computed 报错：Computed property was assigned to but it has no setter 解决办法就是 换一种写法，组件中定义的computed属性缺少setter,使用过computed 都应该知道，该错误提示通常发生在组件内为computed属性赋值的时候，如果没有显示的声明setter，控制台则会

Echarts用了很多类型的图表了，才发现雷达图和其他柱状图折线图还真不一样，此次记录的问题是Echarts自定义添加的“全选”图例，全选勾选情况下，提示框显示错误Bug解决方案，雷达图的数值添加 %效果图当勾选全选，鼠标放在最中间，之前的问题是这样的，有数据展示但是是错误的之所以不好处理，是因为雷达图中的series中的data的value值只能为数字，不可以百分比，所以%只能前端拼接添加了，其次折线图，柱状图的formatter所带参数输出的seriesName为当前的正确数据，而雷达图的所有

【代码】Vue实现手风琴功能组件 vue 实现折叠面板功能。

【代码】取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题。