分类:学习笔记

note

vue2中setup中使用this.$emit报错

vue2中setup中使用this.$emit报错
vue2项目中在setup中使用this.$emit报错了。 this.$emit is not a function 在 Vue 2 中,如果使用了 Composition API 插件并且在 setup 函数中,this.$emit 是不可用的。你需要使用 setup 函数...

2年前 (2023-12-09) 喜欢

vue2 setup() 方法下如何获取props的值

vue2 setup() 方法下如何获取props的值
vue2项目开发中,有一个组件是用setup方法来写的,这里需要在setup里获取props的值. 在 Vue 2 中,可以在 setup 函数中直接获取 props 的值。props 是 setup 函数的第一个参数,它是一个对象,包含了所有传递给组件的 prop 的值。 以下...

2年前 (2023-12-09) 喜欢

mac系统系统设置默认浏览器中找不到谷歌浏览器

mac系统系统设置默认浏览器中找不到谷歌浏览器
mac系统最近两天每次开机后,谷歌浏览器都不是默认浏览器了,并且在默认设置中,也没有找到谷歌浏览器。上一次遇到这种问题是直接重新下载安装谷歌浏览器,但是每次都重新下载的话会很慢发,于是查询了一下解决思路: 如果你在Mac系统的默认浏览器设置中找不到谷歌浏览器,你可以尝试以下步骤...

2年前 (2023-12-09) 喜欢

echarts柱状图鼠标拖动及滚轮展示数据

echarts柱状图鼠标拖动及滚轮展示数据
数据可视化大屏项目开发中,echarts柱状图会遇到数据过多展示不全的情况,客户想要实现展示一部分,然后鼠标拖动或者滚轮时,实现数据切换展示。 动态效果 关键代码 这里我们使用dataZoom来实现数据展示,将数据进行分组,每组展示5条 dataZoom: [ { ...

2年前 (2023-12-08) 喜欢

echarts横向自定义图片柱状图

echarts横向自定义图片柱状图
echarts柱状图开发中,我们需要渲染各种各样的柱状图,今天整理的柱状图为自定义图片横向柱状图。 这里我们将柱状图分为两部分 一部分为主体,主体部分拉伸不受太大的视觉影响,一部分为最右侧的异形部分。 实例代码 drawLine() { var that = thi...

2年前 (2023-12-07) 喜欢

echarts柱状图增加顶部和底部图标

echarts柱状图增加顶部和底部图标
echarts柱状图开发中,我们需要在柱状图的顶部添加定义小方块盖在柱状图上面,让柱状图看起来像盖了一个帽子,柱状图的底部增加一个三角形装饰图标。 效果解析 颜色渐变 首先柱状图是自下而上颜色渐渐变淡的效果,我们使用颜色渐变graphic.LinearGradient来实现。 ...

2年前 (2023-12-04) 喜欢

css父元素设置了display: flex;子元素设置宽度无效

css父元素设置了display: flex;子元素设置宽度无效
数据可视化大屏项目开发中,当父元素设置了display: flex;后,子元素指定宽度无效,文字仍然会超出边界外。 解决办法 给元素添加min-width: 0;属性,这样元素的宽度就不会超过你设置的值了。 修改前 .tableBody2 { height: 32p...

2年前 (2023-12-03) 喜欢

echarts 伪3d圆柱体堆叠柱状图

echarts 伪3d圆柱体堆叠柱状图
echarts 伪3d圆柱体堆叠柱状图效果实例,柱状图为渐变色堆叠为3d圆柱体柱状图,每个柱状图底部有个半圆效果会遮挡住下面的柱状图,柱状图顶部有一个椭圆遮挡柱状图顶部,让柱状图看起来像一个圆柱体。 实例代码 drawEcharts() { var that = this ...

2年前 (2023-11-30) 喜欢