笔记
热爱敲代码
这个作者很懒,什么都没留下…
展开
-
table 应用技巧
table 应用相关原创 2022-07-20 11:07:00 · 251 阅读 · 0 评论 -
table 抖动
解决bug原创 2022-07-19 11:17:11 · 396 阅读 · 0 评论 -
table表格内的红绿点-离线在线
用于显示设备状态,一般用在table表格内原创 2022-06-28 10:44:33 · 301 阅读 · 0 评论 -
table动态添加列---2.0
效果代码<div class="roleset-table-list"> <el-divider>列表信息展示<i class="el-icon-caret-bottom"></i></el-divider> <el-checkbox-group v-model="checkList" @change="getTableHeaderList"> <el-checkbox原创 2022-04-29 18:07:33 · 328 阅读 · 0 评论 -
权限管理-----获取路由形成树形控件
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 · 315 阅读 · 0 评论 -
动态添加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 · 301 阅读 · 0 评论 -
vue 状态判断
<i class="dot-class" style="background-color: red"></i>绿圆点:<i class="dot-class" style="background-color: #67c23a"></i>整体 <span v-if="!props.row.rtuConnected" style="color: red; display: flex; flex-wrap: nowrap.原创 2022-04-29 11:44:26 · 381 阅读 · 0 评论 -
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 · 102 阅读 · 0 评论 -
下载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 · 145 阅读 · 0 评论