logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element el-form如何避免打开模态框时就进行表单验证

在项目中,经常需要一些校验字段名是否存在的表单验证,比如新增修改用户时需要校验所填写的用户名是否已存在,避免出现重复的用户名。问题描述最近遇到一个奇怪的问题,在打开修改模态框未做任何修改时,就自动触发了一次校验,提示用户名已存在或者刚打开新增模态框未进行任何操作,就自动进行了校验,提示各个字段不能为空。解决办法通过查看element文档,发现el-form有一个属性设置此属性之后就解...

Element el-table的@current-change事件在切换分页的时候,获取到的currentRow为null

今天项目中遇到一个棘手的问题,想要实现的功能如下图如果要获取到当前选中行的内容,首先要使用el-table的@current-change事件,事件中的currentRow参数即选中内容问题现象项目中出现的问题现象是,在第一页切换每一行都正常,右侧详细内容也能显示。但当选中某一行,点击分页的时候,就会报错。报错原因:经过问题排查,发现当切换分页,触发了el-pagination的@...

element el-form表单验证 解决rules中引用不到form或者data值的问题

问题描述在项目中经常用到表单验证,例如校验长度,校验是否存在,校验格式是否正确but今天在校验两次输入内容是否一致(例如校验密码)的时候卡了壳,通常大家在校验这种问题的时候应该是这样写的碰壁过程这样写的话确实能够实现这个功能,但是没有达到复用的效果,设想如果多个页面都有验证两次输入内容是否一致的需求,难道每次都要在data中声明一个校验重复的方法validatePass吗?因此我想通...

解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题

问题描述:当表格有多页数据,并且末尾页只有一条数据时,删除末尾页的数据之后,数据列表为空,但是当前页码显示正确,如下图

element el-checkbox已绑定值却无法勾选的问题

问题描述首先根据后端返回的数据列表展示出checkbox组页面展示如下选中“设计师” 选项保存。再点击修改时,后端返回的值为[16],但是却无法勾选中设计师这个选项,几经周折发现el-checkbox的value需要为string才有效解决办法...

基于Vuejs的进度条插件——NProgress

NProgress——当项目中有些页面请求内容较多,响应时间较长时,为了让用户清晰看到请求进度,避免长时间等待导致体验不佳而开发的一款轻量级插件。安装NPMnpm install --save nprogressNProgress的用法调用 start()或者done()来控制进度条开始或者结束。nprogress.start()nprogress.done()调用inc()随机增长进度条,注意,

ElementUI el-table + sortable.js实现表格行拖拽功能

因项目需要,需要实现表格行拖拽,但是ElementUI表格组件未提供此功能,经查阅资料,打算引入Sortable.js(一款轻量级的拖放排序列表的js插件)实现。1. npm安装引入然后可以在main.js中或者需要用到拖拽功能的.vue文件中引入2. HTML部分3. js部分首先不要忘记步骤1的引入,然后在页面渲染完成之后调用拖拽方法。如果是在修改/新增弹窗中的表格,可以在新增/...

到底了