- 博客(24)
- 资源 (1)
- 收藏
- 关注
原创 对象数组去重
去重方法(根据id去重): filterById(arr) { return arr.filter((item, index, self) => { return self.findIndex((cc) => cc.id == item.id) === index; }); },使用: let allData = [ { id: 1, name: "b" }, { id: 1, nam
2021-07-13 19:16:13
83
原创 react项目中craco配置less
安装craconpm i @craco/craco安装lessnpm i less修改package.json文件 "scripts": { "start": "craco start", "build": "craco build", "test": "craco test", "eject": "react-scripts eject" },安装craco-lessnpm i craco-less配置装饰器npm i @babel/plu
2021-07-09 15:41:05
4120
原创 el-upload不立即上传文件
<el-upload ref="upload" :auto-upload="false" :action="uploadUrl" :file-list="fileList" :on-change="handelOnChange" :on-remove="handelRemove" accept=".xls,.xlsx"> <el-button type="info">上传文件</el-button></el-upload>
2021-01-13 17:50:41
1764
1
原创 js异步变同步 async await
async await异步: Initial() { this.testdata1(); this.testdata2(); }, testdata1() { console.log("testdata1"); }, testdata2() { setTimeout(() => { console.log("testdata2"); }, 2000); },同步:
2020-11-19 16:16:48
1172
原创 ...对象展开运算符
(一)合并数组、对象 let a = [1,2,3] let b = [4,...a,5] //[4, 1, 2, 3, 5] let x = [1,2,3] let y = [4,5,6] y.push(...x) // [4, 5, 6, 1, 2, 3] let obj = {a:1,b:2} let obj1 = {...obj,c:3} // {a: 1, b: 2, c: 3} let obj2 = {...obj,a:
2020-11-09 14:52:12
1019
2
原创 el-upload上传文件前读取文件内容
效果图:代码DOM部分<div class="box"> <el-upload action="https://www.baidu.com/" :auto-upload="false" :on-change="handelOnChange" :file-list="fileList" > <button>点击上传</button> </el-upload>
2020-10-14 18:09:45
5009
原创 el-table排序(部分行不参与)
效果图 <el-table :data="tableData" border @sort-change="soltHandle"> <el-table-column prop="name" label="姓名" min-width="150"></el-table-column> <el-table-column prop="math" sortable="custom" label="数学" min-w
2020-08-27 18:49:37
2248
2
原创 el-table实现单选与全选
效果图描述p1:单选按钮没有被全部选中,则全选按钮也不会被选中;p2:单选按钮全被选中,则全选按钮也被选中;p3:全选按钮被选中,则单选按钮全被选中;p4:全选按钮不被选中,则单选按钮全部被选中;代码DOM部分 <el-table :data="tableData" border> <el-table-column label="模块" width="200px"> <template slot-scope="scope">
2020-08-24 10:24:47
2787
原创 如何将el-table中的合计一行放在首行
通过css实现 /* /deep/为深度操作符,可以穿透到子组件*/ /deep/ .el-table { display: flex; flex-direction: column; } /* order默认值为0,只需将表格主体order设为1即可移到最后,合计就上移到最上方了 */ /deep/ .el-table__body-wrapper { order: 1; }如果el-table启用 fixed 属性,样式会错乱,可以添加以下2句补偿修复:
2020-08-11 11:21:22
2514
原创 修改el-date-picker、文本域及el-input占位文本placeholder的颜色
el-date-picker1.给el-date-picker添加id=starttime<el-date-picker id="starttime" v-model="beginEndTime" @change="handelOnSearchhange" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="选择任务开始时间"
2020-06-22 11:14:25
4019
1
原创 清除浮动
1、使用after伪元素清除浮动<style> .box{ border: 1px solid #333; } .small{ width: 100px; height: 100px; background: red; float: right; } .clearf...
2020-04-13 16:58:20
83
原创 vue页面刷新
1、画面闪现,体验不好location.reload();2、瞬间白屏,体验不好this.$router.go(0);3、推荐provide&inject在app.vue中声明reload方法,通过控制router-view的显示隐藏,达到控制页面再次加载的效果。<template> <div id="app"> <router-v...
2020-04-07 16:44:01
114
原创 var a=2与var a=b=2的区别
var a=b=2 //相当于:var a = 2;b = 2; function fn(){ var a = b = 2; console.log(a,b); // 2 2 } fn(); console.log(b) //2 b为全局变量 console.log(a); //a is not undefined a为局部...
2020-04-01 17:18:19
579
原创 js数组乱序
使用Math.random随机获取下标 let arr = [1,2,3,4] function fn(arr) { for(let i=arr.length-1; i>=0; i--){ let j = Math.floor(Math.random()*(i+1)) let temp = arr[j] ...
2020-04-01 17:07:22
106
原创 更改placeholder属性中文字的颜色
默认的input框 姓名:<input type="text" placeholder="请输入姓名">效果图:修改后的input框<style> input::-webkit-input-placeholder { color: red; } input::-moz-placeholder { /* M...
2020-03-31 19:05:17
129
原创 在本地起node服务,本地文件请求该服务
本地起node服务的前提,已安装node和npm1、在本地创建一个文件夹(例如test)2、安装express(npm install express --save )3、在test根目录下创建app.js// app.jsconst express = require("express")const app = express()app.use(express.static("ww...
2020-03-23 16:53:39
542
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人