小鱼干儿的博客

【代码】vue3+vite按需引入vxe-table。

echarts 对应位置做成堆叠图前言解决方法效果图前言我有四根bar显示在同一横坐标上，其中两根永远是正值，也就是在y轴的正轴上，两根bar是负值，在y轴的负轴上，我想让这四根bar在一个单位上占两个位置，让bar1和bar3相对应显示，bar2和bar4对应显示。解决方法echarts里面有一种图叫做 stack(堆叠图) ，将四根bar改成：series: [ {name: 'winUpper', type: 'bar', stack: 'stackUpper'},

echarts有残留的连线前言解决方法解释前言今天做好了一个图，每次查询显示对应数据的echarts图，发现了bug，当我第一次查询时应该有5条线，第二次查询时应该有4条线，但第二次显示在页面中的却有5条线，应当不存在的那条线是第一次查询时残留下来的。解决方法在每一次绘制前我的数据都有先置空再填充，但依旧会残留一条线，后来发现，在设置option的时候加上true即可解决：this.myChart.setOption(this.option, true)解释先看一下echarts的官方文档中的

可拖拽的div今天发现右下角的一组按钮很挡视线，但是它还就应该放到右下角，所以在想，让它可以拖拽，在挡视线的时候拖走就好了。这个功能不一定非要vue实现嘿嘿，其实就是这个逻辑，html + css + js 也可以这样做的~首先先写好你的那一块东西，调好样式哈，我的是一组按钮：<div class="arrow-container" @mousedown=arrowMove> <Button type="primary" shape="circle" icon="ios-arr

iView的表格做一个带斜线的表头效果实现效果效果如图：（最上面一层还有一个一级表头，图示单元格为二级表头）实现利用render函数，将单元格上下两部分内容写到一个单元格里，并使其位置错开，可以按照美感自己手动调：children: [{ title: '', key: '品种', align: 'center', width: 150, renderHeader: (h, params) => { return h('div', { style: {

把echarts的饼图放在table的每一个单元格中前言想法实现最后前言最近接到了一个新的任务，要求把echarts的饼图放在table的每一个单元格中，饼图显示当前策略盈亏所占比例。想法刚开始我就在想或许用render函数很好写出来，将饼图封装在一个组件中，在render函数里使用该组件。但我的table里的每一项都是从后端传来的，包括表头也是不固定的，会根据想要搜索的日期，生成长度不同的各项。尝试用render函数：this.symbols[item].render = () => &

在使用iview做table表格时，报错：'_isHover' of undefined在一个vue项目中，填充表格时，需要从后端获取的各项来填充，所以将获取的内容放入数组中，虽然成功显示表格但报了很多错，表现为每当触发表格每一行的hover时报一个错误：后来将数组在for循环中直接赋值，改为用 push() 方法，更加合理，也解决了错误修改前：修改后：...

Vue生命周期中对mounted、beforeUpdate、updated的理解前言mounted、beforeUpdate、updated前言以下文章纯为个人理解，如有错误，请求评论区指正呀！（如果想直接看正文内容可以直接跳过这一部分）Vue生命周期的八个钩子函数想必大家都不陌生，但我一直都只是做简单了解，知道大概的意思，Vue官方文档里的图也看过很多遍，但一直不太理解，从前我在写项目中时如果需要用到生命周期函数，大多写在created和mounted中，也没怎么出过问题，直到我的上一篇文章中分享

Vue 全局监听键盘事件（在项目中使用左右键控制翻页）想法实现方法想法此段可略过，直接看后面如何实现的页面结构：有一个含有表格的父组件，表格利用iView里的 <i-table> 和 render 函数实现的，表格中含有一个显示按钮，点击后会出现一个 <Drawer> 的抽屉，其中，这个抽屉由于在项目中多次用到，被我封装成了一个 <charts> 组件，抽屉中左侧为详细信息的数据，右侧是用 echarts实现的折线图等。点击父组件的按钮，出现抽屉，显示对应那一条数

地址栏的图标不显示解决方法：解决方法：图片的格式生成为.ico,利用Windows自带的画图，16*16的大小，选择另存为bmp文件，把后缀改成.ico 依然不显示。在vue的项目中，图标一类的静态文件应该放在static文件夹中，不能放在src 中，网页把根域名作为相对路径的根目录了，然而我们文件的路径是相对于项目文件的根目录的，因此就找不到了。而static文件夹下的文件（夹）会按照原本的结构放在网站根目录下。这时我们再去使用/static绝对路径，这样就可以访问这些静态文件了。成功解决不显示

【已解决】eslint只在控制台报错，不在代码中显示红色错误信息了修改方法今天一打开我的vscode不知道点了什么还是自己变的，当我的语法格式不符合eslint时，只在控制台报错，不在代码段中显示红色波浪线的错误信息了。从前如果显示红色波浪线错误信息，大多数的错误是可以点击它的自动修复的，但是自从错误只在控制台报错，就只能自己先找到错误的地方，然后手动修改，很麻烦。。。修改方法在命令面板中搜索 settings.json(命令面板打开方法：Ctrl+Shift+P)打开vscode的设置文件，