全部内容
Element使用的async-validator表单校验库源码的超详细解析
平常开发写 element 表单的时候,肯定少不了表单的校验,element 使用的是 async-validator 这个开源库。 [图片] 这篇文章详细分析一下 async-validator 的主流程。使用方法import Schema from 'async-validator'; const descriptor = { list: { required: true, type: 'number', }, limit: [ { required: true, message: '数量必填', }, { validator(r, v, cb) { if (v < 100) { return cb(new Error('数量不能小于 100')); } cb(); }, …
三个点的一般是getter,只有你用鼠标点了,才会获取相应的值 var obj = { get a() { console.log('get a') return 'a' }, b: 'b' } console.log(obj)尝试运行上述代码,发现a的值没有显示 [图片] 点击属性值,下面会打印 get a [图片]
首先查官方文档, package.json | npm Docs depenencies 里的值除了 '^4.0.1' '>=2.0.5' 等写法外,还有:URL,如 'https://...' 或 'git://...',对应获取的就是这个 url 指向的包文件GitHub URLs, 如 "expressjs/express",直接指向一个 github 仓库等,但是没有题主截图提到的 workspace: 和 npm: 写法。 查了下 workspace: ,似乎是 yarn 包管理器支持这种写法,就是强制这个包只从 local workspace 获取。(详见 yarn 的 wor…
填坑element-ui中Tooltip&Popover错位
问题:el-table中 Table-column Attributes添加 show-overflow-tooltip后,对于过长的内容鼠标hover后显示的tooltip错位(见图↓) [图片] 官方文档对show-overflow-tooltip的解释是:当内容过长被隐藏时显示 tooltip [图片] 但这造成了tooltip距离本体位置太远┑( ̄Д  ̄)┍ :popper-append-to-body="false" 在此处也毫无作用 解决方案:利用title [图片] 最终效果:(无法截图,给屏幕拍个照↓) [图片] 利用Tooltip或者Popover插槽进el-table-column也一样…
记一个“奇葩”需求的实现
1、前言 我们这边没有专门的产品经理, UI对产品的设计基本具有决定权,说实话,是有那么一点可怖的(前后改了很多次,差一点就改回原版了,我自己都觉得不好意思了 )。 有没有一种可能:我们 UI体验过的产品少,缺少对产品以及用户行为的认识。设计出来的东西看似很华丽,其实缺失很多场景下的分析,不切合实际,这也正是产品经理需要做的工作之一。大多数人说的“用户体验”或许只是主观的、想当然的(俺也一样 )。 自从接触…
基于SpringBoot+Vue+ElementUI的在线考试系统
项目简介青云是一套麻雀虽小但五脏俱全的在线考试系统。 采用了目前主流的技术栈SpringBoot+Vue+ElementUI,并进行了前后端分离。 对于事务和锁都有应用,非常适合学习练手。项目演示项目演示地址: http://xuezhabiji.com:5000 账号:admin 密码:admin代码获取: github: 青云在线考试系统 gitee: Java十点半/青云在线考试系统 功能介绍权限管理:包含菜单管理、用户管理、角色管理、部门管理、用户权限分配。 考试管理:包含科…