2022年6月24日
created 同级 过滤转换器
摘要： 展示值绑定样式<td>{{ form.sup | suppor }} </td> filters 固定监听过滤转换值 其中 vuale 自动对应 case "枚举"filters: { suppor 上方绑定的展示值 suppor(value) { switch (value) { case "1" 阅读全文
posted @ 2022-06-24 15:58 玉衡星 阅读(21) 评论(0) 推荐(0)
switch 过滤 转换 push 字段值
摘要： this.changeDatamode（传入要筛选并且要转换和添加值的数组） changeDatamode(dataList) { dataList.forEach(item => { item.deviceType 是取其中一个字段 作为唯一值 匹配 case '中同一枚举' item.要添加的字 阅读全文
posted @ 2022-06-24 15:58 玉衡星 阅读(40) 评论(0) 推荐(0)
switch 过滤筛选 数值转换文字值
摘要： 第一种，接口调用直接返回使用展示处 getList() { 方法名 下面调接口直接处理 fetchList(接口传值).then(response => { this.tableData = response.data.data.records; this.tableData.forEach(ite 阅读全文
posted @ 2022-06-24 15:57 玉衡星 阅读(56) 评论(0) 推荐(0)
引用 websocket vue 初始化事件触发
摘要： //初始化websocketinitWebsocket(wbUrl){ this.websocket = new WebSocket(wbUrl); this.websocket.onopen = this.websocketOpen; this.websocket.onmessage = this 阅读全文
posted @ 2022-06-24 15:52 玉衡星 阅读(84) 评论(0) 推荐(0)
鼠标 移入移出 事件
摘要： 第一种<div v-on:mouseover="handleOver($event)" v-on:mouseout="handleOut($event)"></div>handleOver (e) { console.log('移入：', e); e.currentTarget.className 阅读全文
posted @ 2022-06-24 15:51 玉衡星 阅读(74) 评论(0) 推荐(0)
X,Y 轴 刻度以及网格控制
摘要： xAxis + yAxis: { name: ' ', axisTick: { show: true //坐标轴刻度线 }, axisLine: { //轴线 show: false }, splitLine:{ //网格线 show:true }, axisLabel: { //坐标轴样式 tex 阅读全文
posted @ 2022-06-24 15:51 玉衡星 阅读(81) 评论(0) 推荐(0)
element ui table 表格背景色以及 鼠标滑过背景色设置
摘要： ① 表格背景色设置.el-table th,.el-table tr { background-color: #f0f2f5;} ② 每行鼠标经过得样式 .el-table__body tr:hover > td { background-color: #f0f2f5 !important;}.el 阅读全文
posted @ 2022-06-24 15:39 玉衡星 阅读(335) 评论(0) 推荐(0)
element ui 只能输入整数和小数
摘要： oninput="value=value.replace(/[^0-9.]/g,'')"> //只能输⼊数字和小数oninput =“value=value.replace(/[^\d]/g,’’)” //只能输⼊数字 阅读全文
posted @ 2022-06-24 15:39 玉衡星 阅读(240) 评论(0) 推荐(0)
按钮取反操作 + 三元常用按钮值 变化方法 + 绑定数据方法随按钮变化而变化
摘要： ① 事件DOM <el-button @click="flagne = !flagne" type="warning" round> {{ flagne == true ? "查看全部" : "查看收起" }} </el-button> flagne: true, 一定记得声明 ② 事件数据变化 方 阅读全文
posted @ 2022-06-24 15:39 玉衡星 阅读(244) 评论(0) 推荐(0)
vue 后端返回 二进制 文件前端 转化处理
摘要： ① 请求前改变请求体为 formData mxion() { let newData = new FormData(); newData.append("file", this.file.raw); // newData.append("failLines", JSON.stringify(this 阅读全文
posted @ 2022-06-24 15:36 玉衡星 阅读(879) 评论(0) 推荐(0)