会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
世界之大
万物皆可吃
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
···
17
下一页
2023年7月20日
折线图-渐变阴影-实心点折线图
摘要: 先看效果图: 代码如下: chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(6,19,40,0.8)', borderColor: 'transparent', padding: [8,
阅读全文
posted @ 2023-07-20 16:14 大云之下
阅读(56)
评论(0)
推荐(0)
2023年7月4日
el-tree树点击全选按钮,全部展开并且全选
摘要: 先看图: 代码如下: // 全部选中 qxClick() { this.isQx = !this.isQx; // 判断按钮的状态 this.expandAll(); if (this.isQx) { console.log(this.isQx, " ", this.datas); // 设置 th
阅读全文
posted @ 2023-07-04 16:52 大云之下
阅读(1224)
评论(0)
推荐(0)
2023年6月30日
el-tree 实现懒加载
摘要: 为了解决数据量过大而导致的web页面卡死,我们采用懒加载的方式进行实现, 1. 首先,根据文档,我们在<el-tree>中加入 lazy 和 :load="loadNode" 如下图: 2. 在methods中写一下这个方法,如下图 说明一下,上图中的node.level 0 时,我们在里面请求根节
阅读全文
posted @ 2023-06-30 16:24 大云之下
阅读(1540)
评论(0)
推荐(0)
2023年6月18日
element-tree相关经验汇总
摘要: 前言:这个el-tree是前段时间做项目时候写的,一直没时间进行整理,最近那个项目的tree数据超级大,导致浏览器卡死,需要进行处理,正好,趁着这次,把相关的配置也给整理一下(*^▽^*) 大概呢就张这个样子:有查询、增加、删除、修改、上移、下移几个功能 那就先写一下相关配置吧: 我这个树上用到的属
阅读全文
posted @ 2023-06-18 16:50 大云之下
阅读(251)
评论(0)
推荐(0)
2023年6月8日
web接收websocket
摘要: data() { return { websock: null, wsuri: "ws://192.168.2.22:8025/test/fff", //WebSocket的后台地址 actiones: { ssid: "fff" }, //传入后台的数据 }; }, created() { thi
阅读全文
posted @ 2023-06-08 17:29 大云之下
阅读(46)
评论(0)
推荐(0)
2023年6月7日
横向带背景柱状图
摘要: 先上图: 代码如下:(一整个就是vue页面) <template> <div id="ty_l_two" style="width: 406px; height: 230px;"></div> </template> <script> export default { props: ["xList"
阅读全文
posted @ 2023-06-07 17:08 大云之下
阅读(25)
评论(0)
推荐(0)
2023年5月23日
横向堆叠柱状图
摘要: 先看图: 上代码:(一个vue文件) <template> <div id="zjy_l_three" style="width: 406px; height: 410px;"></div> </template> <script> export default { props: ["echarts
阅读全文
posted @ 2023-05-23 15:20 大云之下
阅读(278)
评论(0)
推荐(0)
2023年5月18日
折线图 最大值显示白点,默认显示tooltip框框,自定义tooltip
摘要: 效果图: 代码如下:(直接放整个vue文件了,省事) <template> <div> <div style="width: 406px; height:220px" id="zz_r_two1"></div> <div class="xsTitle"> <div class="fang"></di
阅读全文
posted @ 2023-05-18 18:25 大云之下
阅读(307)
评论(0)
推荐(0)
2023年5月17日
swiper自定义分页器
摘要: 效果图: 1、template 内容 <div class="zsmk"> <swiper style="height: 100%" :options="gSwiper2" ref="jSwiper"> <swiper-slide v-for="(item, index) in 2" :key="i
阅读全文
posted @ 2023-05-17 17:11 大云之下
阅读(651)
评论(0)
推荐(0)
双Y轴曲线阴影 折线图
摘要: 效果如下 代码: <template> <div style="width: 406px; height: 190px" id="it_r_two"></div> </template> <script> export default { name: "it_r_two", data() { ret
阅读全文
posted @ 2023-05-17 15:29 大云之下
阅读(96)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
···
17
下一页
公告
大云之下