烂笔头~ - 博客园

2023年3月10日

前端实现如下搜索查询功能：某个或多个值改变，更新数据列表。一.最好看的 1.将data给新数组newArr; 2.searchForm是搜索表单中的内容，forEach表单对象，拿到对应的value，key，并将newArr一并传给filterFun. 3.如未填，filterFun中返回；填了 Read More

posted @ 2023-03-10 11:56 烂笔头~ Views(51) Comments(0) Diggs(0) Edit

element UI 中 $message手动关闭

原因：由于数据量较大，下载很慢。需要接口请求回来后手动关闭$message 如下图，在接口请求之前执行message，请求完成后关闭就ok Read More

posted @ 2023-03-10 11:41 烂笔头~ Views(727) Comments(0) Diggs(0) Edit

2022年11月9日

css 径向渐变实现渐变小圈

效果如下图：代码如下： .b-list .ceil .line { height: 20px; width: 100%; margin: 0 auto; background: radial-gradient(rgba(235,116,63,0.9), rgba(235,116,63,0.3), Read More

posted @ 2022-11-09 10:52 烂笔头~ Views(176) Comments(0) Diggs(0) Edit

2022年11月8日

elementUI table 数组中各项加逗号隔开

js处理 //this.newTableData 数组 this.newTableData.map((item,index)=>{ //item.label 数组 if(item.label){ item.label = item.label.join('，'); } }) element UI t Read More

posted @ 2022-11-08 15:47 烂笔头~ Views(230) Comments(0) Diggs(0) Edit

js 获取年月日时分秒，星期

getDate() { var date = new Date() // 获取时间 var year = date.getFullYear() // 获取年 var month = date.getMonth() + 1 // 获取月 var strDate = date.getDate() // Read More

posted @ 2022-11-08 14:31 烂笔头~ Views(377) Comments(0) Diggs(0) Edit

elementUI 中日历自定义内容配置具体内容

效果图如下：代码如下： <template> <div class="con-main"> <div class="con-list">  <el-calendar>  <template slot="dateCell" slot-scope="{dat Read More

posted @ 2022-11-08 12:05 烂笔头~ Views(1785) Comments(0) Diggs(0) Edit

elementUI table 第一列值相等合并

效果如下：首先：在table上加:span-method="spanMethod" 其次： methods中加两个方法 dataPretreatment() { //表格数据列合并预处理,生成一个与行数相同的数组记录每一行设置的合并数 // 如果是第一条记录（索引为0），向数组中加入1，并设置索引 Read More

posted @ 2022-11-08 11:51 烂笔头~ Views(1527) Comments(0) Diggs(0) Edit

2022年10月24日

element UI 选择时间点（可选择某一个或者多个时间点）

html代码如下： <el-date-picker ref="datesRef" type="dates" v-model="searchObj.dateArr" :editable="false" format="yyyy-MM-dd" value-format="yyyy-MM-dd" plac Read More

posted @ 2022-10-24 17:05 烂笔头~ Views(401) Comments(0) Diggs(0) Edit

vue + antV G6 实现流程图完整代码（antv G6 流程图）

效果如下：代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script src="js/vue.min.js"></script> <script src="http Read More

posted @ 2022-10-24 16:56 烂笔头~ Views(1492) Comments(0) Diggs(0) Edit

echarts 折柱表混合图（折线，柱状图，表格）

效果图如下：代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/echarts.js"></script> </head> <body> <div cla Read More

posted @ 2022-10-24 16:49 烂笔头~ Views(1249) Comments(0) Diggs(0) Edit

烂笔头头

好记性不如烂笔头。站在岸上学不会游泳。

公告