weixin_54129994-优快云博客

一、全选所有的情况下1.在表格最上方手写一个多选框用于做全选所有的操作;2.表格中的row-key和reserve-selection配合使用，使表格的 “选择状态具有记忆性”3.selection-change表示表格的 “选择状态发生改变时” 触发的事件4.select表示手动操作选择或不选择某一个数据触发的函数5.data中checkList数组可以用于当不是全选所有状态下的个别选择项6.data中selectOff数组可以用于当是全选所有状态下的个别未选择项

2021-07-28 10:56:02 2889 4

原创部署项目后配置nginx 前端项目地址路径

server { listen 端口; server_name ip地址; #charset koi8-r; #access_log logs/host.access.log main; location / { root /home/userManagement;//路径 index index.html ind...

2021-07-23 09:55:24 2461

原创 Vue断网跳转登陆页处理

// 检测断网 window.addEventListener("offline", () => { console.log("已断网"); this.messages=this.$message({ duration:2000, message: '网络断开或网络不稳定,请检查网络', type: 'warning' }); setTimeout(() => { this.messages.cl

2021-07-23 09:48:20 449

原创 websocket复制使用

data(){ return{ websockets:"" }},methods:{ //3.建立websockets连接数据 initWebSockets() { if (typeof WebSocket === "undefined") { return false; } let wsuri; // websocket地址 .

2021-07-21 16:18:09 226 2

原创 Vue+el-table表格边框的颜色改变

// 1.修改每行的背景色为透明色.el-table th,.el-table tr { // background: transparent !important; background: rgba(0, 0, 0, 0.9) !important;}// 2.修改移入到每行的背景色.el-table__body tr:hover > td { background: rgba(19, 64, 135, 0.5) !important;}// 3.修改表格边框颜色// 右

2021-07-20 16:49:24 5502

原创 vue+定时器

interval(){ this.timer=setInterval(()=>{ console.log('执行定时器') console.log(this.num); this.num++; if(某个条件下){ clearInterval(this.timer) } },3000) }, }, cr.

2021-07-20 15:33:41 63

原创 Vue关于使用transition-group做列表自上而下动画渲染

<div class="listContainer"> <transition-group class="ys-notices" name="transition1"> <div class="dataContainer" v-for="(item) in listData" :key="item.id"> <div class="dataContent"> <di.

2021-07-20 15:29:24 695 1

原创 Echarts引入vue的方式echarts图表为何不显示 echarts如何自适应宽度变化 echarts图表在屏幕宽度发生变化时，会自适应隐藏x轴坐标的部分，如何全部展示？echarts双y轴

1.首先npm 安装 Echarts;npm install echarts --save2.在main.js中对echarts进行配置;import echarts from 'echarts' //引入echartsVue.prototype.$echarts = echarts //引入组件3.在页面中使用echarts  <div ref="chart" id="chart"

2021-05-18 16:23:33 181

原创 vue+element-ui 在后端没有做分页的情况下，前端独立完成el-table表格的分页-滚动到底部加载新数据

1、首先可以查看以下链接，给el-table表格绑定上监听滚动条的事件，做成全局的自定义指令。链接: https://blog.youkuaiyun.com/weixin_54129994/article/details/116987122.2、其次在数据请求完毕后，初次渲染10条，将完整数据保存在另外一个变量中去。 data() { return { // 渲染表格的数据 tableData: [], // 保存表格的完整数据 tableDataTotal

2021-05-18 15:00:53 614

原创 vue+element-ui：vue自定义指令监听el-table的滚动事件，达到滚动条滚动到底部加载新数据。

1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令，以供全局使用。// 准备一个滚动加载指令Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function() { l

2021-05-18 14:30:40 3103 2

weixin_54129994的博客

原创 TypeScript笔记分享

原创 CSS修改input checkbox radio的颜色

原创统计Vue中src文件夹下的代码行数

原创 vue解决火狐浏览器滚动条问题

原创统计Vue中src文件夹下的代码行数

原创 el-input只能输入1-100之间的数字

原创 el-input只能输入0-1之间小数，并且最多保留两位小数

原创 vue密码框常用的正则至少八个字符，至少一个大写字母一个小写字母一个数字一个特殊字符

原创 css图片360旋转动画

原创 Vue前端MD5加密方式

原创 vue使input框只能输入0-100的数字

原创 vue中watch监听用法

原创查看node镜像，配置淘宝镜像，删除node_modules

原创 css改变input标签placeholder样式，改变el-popover背景，去掉小三角样式

原创 CSS解决谷歌自动填充密码el-input背景颜色错乱问题，字体间距以及渐变色

原创为什么‘0‘==false 结果为true但是 if(‘0‘) console.log(‘执行到此处‘)继续执行了

原创判断两个日期间隔是否为7日内

原创 moment.js+Vue使用方法

原创 echarts图表使字体大小为自适应 fontSize函数fontSize(0.15)

原创 JS将对象中的属性名为一个数组，值为一个数组，并且按数字顺序排序 Object.keys+ sort()+for循环找对应的值

原创 find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefined

原创 js计算间隔日期不能超过7天

原创获取7天前日期获取7天后日期判断日期间隔是否大于7天

原创 heatmap.js + echarts 热力图折线图渐变色

原创定时任务+循环几次停止

原创小于12px字体

原创 Vue+element --- el-table表格分页后做全选功能样式显示跨页全选分页全选复制使用