lllsj的博客

效果：功能（以基本涵盖日常开发需求）：默认 选中 7天前 ~ 今天日期前台显示格式为 日/月/年， 后台传参格式为 年-月-日当前日期之后 不可选，6个月前日期不可选快捷 选择 7天，一个月，三个月时间比较麻烦的点在于 默认之间到底应该怎么设置？官方给出 api ：default-value ，但查阅相关资料好像比较麻烦。之后通过如下方式实现： <el-date-picker v-model="searchForm.time" size=

基于 网上代码进行优化, 实现 实际开发功能效果如图:在父组件可以拿到 当前点击所有行数组:就可以愉快的 把 id 传给后端了!创建 TreeTable 组件:<template> <el-table ref="multipleTable" :data="formatData" :row-style="showRow" v-bind="$attrs" > <!-- @header-click="chooseall"

使用crypto-js加解密npm install crypto-jsimport CryptoJS from “crypto-js”; <el-form-item style="margin-bottom:0;border:0;"> <el-checkbox v-model="checked">Remember Password</el-checkbox> </el-form-item> <el-button

当tree 懒加载获取 信息时,只有在第一次 加载时,触发 :load=“loadNode” ,但是这样明显是不合理的,因为当增删改查,后端数据已经改变,但是咱们的:load=“loadNode” 不会再次触发,导致数据显示问题;<el-tree :props="props" :load="loadNode" lazy @node-click="handleNodeClick">&...

想实现功能: 点击 一层 懒加载 二层table,一层不可点击, 点击二层 添加 border样式很容易想到用 elementui 自带的highlight-current-row, 会发现 如下图问题.一层 二层 都会带有 css 样式,是不行的.<el-table row-key="expandId" ref="devTable" ...

这是页面 loading 封装,不是table loading封装.main.jsimport 'element-ui/lib/theme-chalk/index.css'loading.jsimport { Loading} from 'element-ui';let loadingCount = 0;let loading;const startLoading = ()...

1.安装依赖npm install --save vue-i18n2.新建目录结构如下图:3.单页面应用,把language 存入 localstorage中,切换路由 从 localstorage中取值,如果没有 默认 cn.main.jsimport i18n from './i18n/i18n'new Vue({ el: '#app', router, store...

当页面加载数据,数据条数太多,导致table出现滚动条,应该是 dom渲染问题,table默认加载没有滚动条.数据多 异步加载导致如下问题,解决方案:src->styles->index.scss 或者 APP.vue下 添加 如下 样式,缺一不可! 之前网上搜 直说 写上面的就行,但是 根本不好使!这么写,强行覆盖滚动条样式,width=滚动条宽度 就ok了!// 全局设置b...

如图:想实现如下表格编辑样式:图1:table 加载样式(图二点击保存之后样式)图2:table 编辑当前行样式图3:点击+添加 table 新增空行<el-table size="small" v-loading="loading" :height="contentHeight" ref="authgroupTa...

formDialog 封装没有那么多心路历程,需要注意的比如:select 获取后端返的数据时候赋值,可能需要注意 axios("").then(res=>{ this.roleList = res.data.data.role_list; this.searchForm.forEach(item => { if (item.props &&a...

Vue v-for 和v-if无法同时使用,在二次封装form表单时候,根据需求:有的form-item 需要隐藏如下代码:当 form表单需要v-if 判断显示隐藏,第一个代码块无法支持,第二个代码块可以支持. <el-form :size="size" inline :label-width="labelWidth" ...

参考链接:下载iconfont:https://blog.youkuaiyun.com/sleepwalker_1992/article/details/82818970引用彩色icon:https://blog.youkuaiyun.com/weixin_34161083/article/details/88705428当单颜色图标 不需要引入iconfont.js,彩色图标需要引入,且在 main.js 引入...

新建element-variables.scss文件,我的文件路径如下element-variables.scss 内改变主题格调/* 改变主题色变量 */$--color-primary: #AC44FB;/* 改变 icon 字体路径变量，必需 */$--font-path: '~element-ui/lib/theme-chalk/fonts';@import "~elem...

element tree 默认是当子节点全选,获取 当前所有子节点+父节点id当需求为:当 选择 其中一个子节点,需要同时获取 父节点 id var roleArr = this.$refs.tree .getHalfCheckedKeys() .concat(this.$refs.tree.getCheckedKeys());把当前点击的子节点+对...

.authAlert { .el-form-item { margin-right: 0; .el-input { width: auto; } .el-input__inner, .el-textarea__inner { width: 178px; } }}

<el-table-column label="管理地址" sortable prop="dev_ip" :sort-method="sortByIP"></el-table-column>sortByIP(obj1, obj2) { if ( obj1.dev_ip !== "" && obj1.dev_ip ...

Popover组件在table中使用,跟官网的会有些差别,用官方的会出现点击删除 不弹出问题.搜了好久,找到这两种解决方案pClose()方法关闭Popover方法1: <el-popover placement="top" title="确定删除？" width=...

之前localstorage 缓存,明明存进去了,打印出来都没有问题,但是高亮行就是记不住选中状态.摸爬滚打之后得到解决方案在mounted()生命周期中,拿到的hasStorage跟 循环数组拿到的数据 打印出来完全一样,但是 并不好用,可能是dom渲染问题?解决方案:把table data数组遍历, 然后用hasStorage的值去跟item 比.一样的话,传 data[i]!!! ...

<script> let val = '哈哈1'; let data = [ { name: '你好', description: '描述', id: '1', type: 'type', children: [ ...