elementUI
mygoes
天下没有难学的 IT
展开
-
Element 动态增减表单项+自定义校验规则
动态增减表单项+自定义校验规则使被遍历的每一条数据都能被验证,效果图例如:上图仅作参考,非下面代码的运行图。html: <el-form-item v-show="editForm.switchVal" label="列表:"> <div v-for="(item, index) in editForm.list" :key="index"> <el-form-item :prop="`list.${index}.tel`" :rules="editRu原创 2021-03-18 17:33:10 · 1641 阅读 · 2 评论 -
ElementUI Upload上传 文件缩略图 删除
ElementUI Upload上传 文件缩略图 删除ElementUI 的 Upload上传 的 文件缩略图 部分,删除功能的实现没有写具体。在此补充一二:html: <el-form-item label="证件照片" prop="idPhoto"> <el-upload ref="pictureUpload" action="https://jsonplaceholder.typicode.com/posts/" list-type="picture原创 2021-03-15 15:31:14 · 5466 阅读 · 7 评论 -
vue回车事件
vue 回车事件需求 : 给 elementUI 的 input 框添加回车事件 , 使 input 框中输入后直接按键盘回车就能完成查询功能.基础样式和基础代码 :错误写法:<el-form-item label="关键字搜索" prop="searchKey"> <el-input v-model="formInline.searchKey" placeholde...原创 2020-05-08 15:47:50 · 26709 阅读 · 9 评论