2023年3月15日
elementUI table中表头标红某个值
实现效果如下： 代码如下： headStyle({ row, column, rowIndex, columnIndex }) { if (rowIndex 1 || rowIndex 2) { var arr = [5, 6] for (let i = 0; i < 5; i++) { arr.p Read More
posted @ 2023-03-15 17:24 烂笔头~ Views(104) Comments(0) Diggs(0) Edit
element 日历修改今天为当月，上个月下个月事件处理
需求如下： 1.修改右上角今天为当月。 2.点击上个月下个月时切换数据。 代码如下： mounted() { // 点击上一个月 const prevBtn = document.querySelector('.el-calendar__button-group .el-button-group>b Read More
posted @ 2023-03-15 17:06 烂笔头~ Views(624) Comments(0) Diggs(0) Edit
2023年3月10日
js element+admin前端查询数据
前端实现如下搜索查询功能： 某个或多个值改变，更新数据列表。 一.最好看的 1.将data给新数组newArr; 2.searchForm是搜索表单中的内容，forEach表单对象，拿到对应的value，key，并将newArr一并传给filterFun. 3.如未填，filterFun中返回；填了 Read More
posted @ 2023-03-10 11:56 烂笔头~ Views(42) Comments(0) Diggs(0) Edit
element UI 中 $message手动关闭
原因：由于数据量较大，下载很慢。需要接口请求回来后手动关闭$message 如下图，在接口请求之前执行message，请求完成后关闭就ok Read More
posted @ 2023-03-10 11:42 烂笔头~ Views(643) 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:53 烂笔头~ Views(175) 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(197) 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(376) 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(1549) Comments(0) Diggs(0) Edit
elementUI table 第一列值相等合并
效果如下： 首先：在table上加:span-method="spanMethod" 其次： methods中加两个方法 dataPretreatment() { //表格数据列合并预处理,生成一个与行数相同的数组记录每一行设置的合并数 // 如果是第一条记录（索引为0），向数组中加入1，并设置索引 Read More
posted @ 2022-11-08 11:51 烂笔头~ Views(1409) 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:06 烂笔头~ Views(364) Comments(0) Diggs(0) Edit
下一页