热爱敲代码-CSDN博客

原创 table表格内的红绿点-离线在线

用于显示设备状态，一般用在table表格内

2022-06-28 10:44:33 289

原创 table动态添加列---2.0

效果代码<div class="roleset-table-list"> <el-divider>列表信息展示</el-divider> <el-checkbox-group v-model="checkList" @change="getTableHeaderList"> <el-checkbox

2022-04-29 18:07:33 317

1.获取数据使用this.$router.options.routes 来获取全部路由需要经过过滤获取路由的属性path （路径），children （是否含有子路由），meta.title (汉字的名字)getrouter() { // 弹窗获取菜单路由首先调用 this.$router.options.routes.filter((element) => { if (element.meta) { this.ro..

2022-04-29 15:19:23 303

原创动态添加table的列---1.0

使用v-for循环缺点：数据不可单个处理一处理就要全部重写 <el-table :data="tableData" stripe style="width: 100%" :header-cell-style="{ background: '#eef1f6', color: '#606266' }" > <el-table-column v-for="(item, index) in tableC

2022-04-29 15:05:24 289

原创 vue 状态判断

绿圆点：整体 <span v-if="!props.row.rtuConnected" style="color: red; display: flex; flex-wrap: nowrap.

2022-04-29 11:44:26 376

原创对vue-element-admin框架的解析

重要文件夹的处理注释与删除相关模块的处理

2022-03-14 14:33:12 1353

原创 CSS3 弹性盒子(Flex Box)

任何一个容器都可以指定为 Flex 布局.box{ display: flex; } ```行内元素也可以使用 Flex 布局。```css.box{ display: inline-flex; } ```使用flex布局，无需绝对定位等改变布局的操作，可以轻松实现元素的水平垂直居中。#container{ display:flex; justify-content:center; align-items:center;}弹性盒子由**弹性容器(F

2022-03-02 15:36:49 92

原创下载Egg框架

1. npm init egg --type=simple2.npm install进行下载3. npm run dev网址：http://127.0.0.1:7001

2022-03-01 15:06:03 135

原创 npm重新安装node_modules方法

1. 安装rimraf ： cnpm install rimraf -g2. 执行： rimraf node_modules 删除文件荚3. 清空缓存： npm cache clean --force4. 重新安装淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org5. 再次执行：cnpm i...

2022-02-25 15:59:27 2514

原创 vue-element-admin框架下载

最好在命令窗口中使用

2022-02-25 14:28:53 758

原创 vue+element-admin 解构+发送请求流程

框架解析+发送请求流程

2022-02-25 14:12:52 613

转载如何从GitHub获取源代码

github是当前流行的开源项目托管网站，里面有成千上万的项目值得学习和借鉴，可以把项目源代码下载到本地研究。本文介绍如何获取github的源代码。工具/原料：可访问GitHub网站的网络 +Git-2.20.0-64-bit安装到Windows系统。方法1 - 克隆(Clone)源代码到本地1、到github.com找到自己感兴趣的项目，比如Jquery，复制项目的Clone URL2、在本地打开Git Bash命令行窗口3、把复制好的Clone URL...

2022-01-11 13:22:00 20851

原创鼠标可改形状

cursor: default; //形状为默认cursor: pointer; //形状为手指cursor: crosshair; //光标呈现为十字线。

2021-11-01 13:43:02 75

转载 css取出鼠标光标

原理是设置光标的颜色为透明：caret-color:rgba(0,0,0,0);

2021-10-29 16:14:42 207

原创文本效果--显示文本

1.强制显示一行： white-space:nowrap;2.超出文本隐藏 overflow:hidden;3.超出部分用省略号代替 text-overflow:ellipsis;4.控制多行文本显示 display: -webkit-box; //转为可伸缩性的盒子 -webkit-line-clamp: 3; //显示3行 overflow: hidden; //超出文本部分隐藏 -webkit-box-orient:...

2021-10-27 17:02:50 184

m0_55249356的博客

原创 table列表操作栏提交数据时

原创多个弹窗的设置

原创 table 应用技巧

原创 from 的使用

原创 table 抖动

原创表单校验注意事项--vue

原创 table----序号（数据排序）