自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 问答 (1)
  • 收藏
  • 关注

转载 iview表格点击单元格后变成编辑状态

使用场景:使用iview的Table,在表格中使用插槽,点击某一个单元格后,被点击的单元格变成可编辑的输入框,失去焦点后又切换回原来的状态。这里通过判断点击的那个单元格的名字和index位置来判断是点击了哪个单元格来实现。

2024-04-02 14:45:30 240

原创 flex布局实现两行两列

flex布局两行两列

2024-03-25 11:16:50 1535

原创 iview使用进度条写排行榜

这里使用了一个循环,直接粘贴用。

2024-01-22 10:15:48 534

原创 echarts饼图图例显示名字和数据

第三步 在legend里写完,需要去组件里写一下,我这里是把配置写成.js文件后引入的,需要用到接口里的值,如果直接在组件里写,就写在配置里就行。动态,我这里只需要根据后端返回展示数据就行,不用鼠标滑到那个上面,中间就显示哪个,所以 我这里是自己画了一个盒子,显示数据。静态文字显示的缺就是,无法根据数据或者名字修改位置,使其一直保持在中间,位置是固定的。radius: ["55%", "70%"], //圆环内,外大小 粗细。center: ["35%", "50%"], //圆环上下,左右距离。

2024-01-22 10:10:31 3153

原创 双y轴折柱图

折柱图双y轴配置属性

2024-01-15 17:09:32 410

原创 echarts饼图设置图例垂直+右对齐

【代码】echarts饼图设置图例垂直+右对齐。

2024-01-15 15:59:50 1826

原创 js判断一个数所在的区间

使用场景:在图表上使用警戒线时,后端返回来的x轴数据,与警戒线值不一致,即警戒线与x轴的值一致,才会在x轴上显示一条竖线。这里后端返回来的警戒线值是数值不是区间,所以要自己去找值所在在的区间。

2023-10-10 17:37:13 977

转载 vue 跳转到其他页面并关闭当前页面

使用场景:我在做一个调用虚拟机录屏的一个操作,需要在浏览器页面上,点击按钮后,关闭当前页面里的某一个页面,并且打开浏览器新页面是虚拟机的页面,访问的是后端返回来的地址。注意,我这里是从 this.$store.state.app.tagNavList 一层一层找的,你也可以全局写一下。2.像这种页面的关闭,不是直接关闭浏览器页面。

2023-09-05 18:59:23 5052

转载 js代码实现浏览器录屏

场景: 在网页上实现点击录制按钮,开始录屏,我是直接把代码放在了按钮点击事件里来触发的。

2023-08-24 10:32:33 158

转载 VueSeamlessScroll 无缝滚动点击事件不生效

1、给外面div添加事件委托。3、跳转路由报错解决。

2023-05-18 13:52:44 1777

原创 css实现上下渐变

效果图:在菜鸟教程在线编辑的。

2023-04-14 14:02:14 975

原创 iview复选框两列排列

功能:可以全选,多选,左边选择后在右侧显示选择的数据,右边的数据可以删除和拖动,删除后,左边取消勾选。这里设置了宽度,如果想三列或者多列,自己设置一下宽度试试。2、全选、删除、拖动--->> 复制粘贴直接用。

2023-04-13 18:06:00 393

原创 左边图标,右边多行文字

【代码】左边图标,右边多行文字。

2023-04-13 11:50:07 282

转载 vscode修改代码颜色

3、我从别的地方看的操作步骤没找到,所以我还是ctrl+shift+p,输入setting.json,我选中打开后是空白的,要自己配置颜色。1、ctrl+shift+p ,输入inspect。我换成水蜜桃色的主题后,想要修改一下代码颜色。2、可以查看代码样式。

2023-04-12 13:18:57 4733 6

转载 vscode配置主题颜色

3、选择后,就可以选主题了,我选的这个。2、按ctrl+shift+p .选择。在vscode里直接搜主题色。

2023-04-12 13:14:08 580

原创 vscode配置保存自动格式化

我是这么配置的,按ctrl+s保存自动格式化。1、打开setting.json,在里面编辑。

2023-04-12 11:55:05 229

原创 vscode设置背景图片

2、去vscode里找到setting.json文件,在里面配置。ctrl+shift+p 输入 setting.json。1、安装background插件。

2023-04-11 18:12:30 1191

原创 vue封装折柱图

EmptyData---暂无数据,图没数据的时候显示,一般放在公共里直接用。

2023-04-11 15:52:02 84

原创 vue封装echarts折线图

引入之后,记得加高度,否则图出不来。暂无数据,引入的时候注意路径。

2023-04-11 15:10:20 144

原创 echarts折线图属性

4、折线不显示拐点,鼠标滑过显示拐点、拐点大小。3、折线不显示拐点(见上图 ↑ )5、折线面积渐变色(见上图 ↑ )2、y轴显示单位、调整单位位置。1、x轴信息全部显示、倾斜度。

2023-04-11 15:00:09 2670

转载 使用vue-codemirror

使用场景:点击生成sql,显示带有行数的sql语句,这里我使用的是vue-codemirror。1、vscode安装vue-codemirror。总结:我这里只是用来展示带有行数的sql语句。2、在main.js中引用。3、在vue组件中使用。

2023-04-11 14:42:51 1189

原创 echarts柱状图属性

7、双y轴隐藏某一个轴横线。3、柱子的圆角和渐变色。

2023-03-24 17:04:21 751

转载 input框禁止输入空格

禁止输入空格

2022-12-29 11:07:42 2208

原创 vue获取当前日期

获取日期并做处理

2022-11-22 11:38:12 1855

原创 iview 表格表头根据高中低风险显示颜色

iview 表格表头颜色设置

2022-11-09 15:17:08 454

原创 iview table 斑马纹修改样式

iview table斑马纹样式修改

2022-11-09 15:04:31 685

原创 iview tab标签页样式设置

iview tabs标签页样式修改

2022-11-09 14:55:27 1136

原创 vue .sync修饰符的用法

场景:子组件能改变父组件传过来的prop里的值,实现父子组件的双向绑定。

2022-10-09 13:49:05 258 1

转载 iview 如何跨组件控制Modal 的显示隐藏

跨组件控制modal框显示隐藏

2022-09-29 17:38:19 780

原创 provide和inject的使用

在vue项目中使用provide和inject传值

2022-09-14 13:28:28 123

原创 兄弟组件通信传值

实现vue兄弟组件之间传值

2022-08-02 16:23:23 198

原创 v-if和v-show 的区别

v-if:通过控制元素在DOM上的存在与否来控制展示和隐藏的。v-show: 通过控制样式来展示和隐藏的。如果需要频繁的改变dom元素的展示和隐藏用v-show.不会频繁销毁dom,性能好一点。如果不需要频繁的展示和隐藏,用法都一样,看场景用。show: true 都展示时<template> <div> <div v-if="show">Hello</div> <div v-show="show">H...

2021-11-02 10:16:47 54

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除