element-ui
文章平均质量分 82
mschange
每一次苦难、都将是你以后的财富
展开
-
关于element-ui中上传图片样式自定义的坑
我们在项目中可能遇到上传图片的问题,但是element-ui中提供的上传图片样式不满足我们的需求,我们在实现的时候可能会遇到坑。以我在项目中上传图片为例,如下图所示:像这种,在element-ui中是没有这种样式的,所以我们只能自己写,我们先看下代码<el-upload ref="foreignPersonUploadItem" class="avatar-uploa...原创 2018-07-02 18:21:42 · 22220 阅读 · 10 评论 -
element-ui中表单验证rules
我们在项目中头疼的是什么?对,你没有听错,就是表单验证,各种非空校验,正则校验等等而初次使用element-ui,在做表单验证的时候,由于项目急,自己呢,也没有时间去研究这个,结果比别人多写了500行的js,有木有很夸张,所以,这个项目结束了,自己呢,去研究了下rules的神奇之处若有不足,请指出来,谢谢大佬们<template> <div class="short-vi...原创 2018-07-02 19:18:05 · 44820 阅读 · 1 评论 -
element-ui中的时间插件坑
最近项目有这个一个需求,如下图所示两个时间,一个是离开时间,一个是抵达(回来)的时间,选择离开时间,需要去判断,抵达时间有没有值,如果有值,那么离开时间必须小于抵达时间并且大于当前时间,如果抵达时间没有值,那么离开时间大于当前时间,当前之前的时间不能让用户选择;同理,抵达时间也是如此。我们看下面的代码进行说明<template> <div> <el...原创 2018-07-03 09:41:39 · 13367 阅读 · 9 评论 -
element-ui中远程搜索select
项目中有下拉框,需求:获取焦点,可以让用户选择,也可以让用户在输入框中输入,实现模糊搜索,也可以多选。因为使用element-ui,所以就使用了select的高级用法,需求如下图所示我们以代码的形式进行呈现<template> <div class="short-visit"> <el-form :model="ruleForm" :rules="...原创 2018-07-03 11:20:23 · 29603 阅读 · 9 评论 -
element-ui中的多层表单循环验证处理
项目中有如下需求:可以添加一个列表 => 添加弹框 => 里面可以添加多个产品(产品里面可以添加多个对接人跟政策),所以数据结构应该如下ruleForm: { companyName: '', // 公司名称 financialProduct: [ // 产品数组 { produc...原创 2019-03-27 11:28:48 · 5943 阅读 · 0 评论