小鱼干儿的博客

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

JSON 和 JS 对象的区别前言JSONJS 对象JSON 与 JS 对象的转换应用场景前言以前总弄混 JSON 和 JS 对象，以为差不多是一个东西，但事实上是不一样的。JSONJSON 是序列化的对象或数组，它是 JS 对象的字符串表示方法，也就是说，JSON本质上是一个字符串。JSON以键值对 (key, value) 的形式存在，其中：JSON的 key 必须用 "" (双引号)包起来JSON的 value 不可以为 function/undifined/NaN数据结尾不允许出现无

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实现的折线图等。点击父组件的按钮，出现抽屉，显示对应那一条数