
Element
记录Vue + Element项目遇到的一些问题
九月森林
这个作者很懒,什么都没留下…
展开
-
vue+Element+select满足条件后将选择框清空
vue+Element+select满足条件将选择框清空前言1、效果展示2、代码实现前言问题:当选择下拉框中的某项时,满足了一定的条件,需要将此选择框选中的内容置空。解决:用watch监听选择值的变化,当值满足条件,添加延时函数setTimeout()将值置为空。一定要添加延时,直接置空的话没有效果!1、效果展示当选择了“江苏大区”或“广东大区”时,清空选中。2、代码实现watch监听:当值为“江苏大区”或“广东大区”时,添加延时函数setTimeout()将值置为空。之前百度了很多,试过原创 2020-10-10 17:02:25 · 10409 阅读 · 3 评论 -
Element-ui计算两个日期间的天数以及日期不允许跨年
el-date-picker计算两个日期间的天数以及日期不允许跨年适用于el-date-picker type='daterange'HTMLJS页面效果适用于el-date-picker type=‘daterange’HTML<el-form-item label="日期范围"> <el-date-picker v-model="date" type="daterange" start-placeholder="开始日期" end-placeholder原创 2020-06-23 20:48:18 · 2237 阅读 · 1 评论 -
Element el-form根据选择条件动态控制表单必填项
代码实现HTML<el-col :span="8"> <el-form-item label="来款方式" prop="fIncomeWay"> <eIncomeWay v-model="form.fIncomeWay" /> </el-form-item></el-col><el-col :span="8"> <el-form-item label="来款银行" prop="fOpposi原创 2020-06-05 18:22:07 · 8813 阅读 · 3 评论 -
element-ui el-table实现某列全选
el-table实现某列全选两种方式实现1、使用el-table自带多选checkbox代码实现2、列标题旁自己添加checkbox按钮代码实现两种方式实现使用el-table自带多选checkbox,设置属性 type=‘selection’ ;自己在列标题旁加checkbox按钮,自动控制。1、使用el-table自带多选checkbox将要设置多选的列增加属性 type=‘selec...原创 2019-11-28 20:16:55 · 7849 阅读 · 3 评论 -
Element el-form 表单非必填验证
el-form 表单非必填项验证在项目中经常会遇到表单数据非必填项,但是需要验证格式的情况,比如电话号码或者邮编。需要实现效果当值不填写的时候,可以直接提交,填写的时候,验证格式即可。代码实现rules定义验证规则,在form-item中一定要加上prop,不然会没有效果。<el-form ref="form" :rules="rules"> <el-form-i...原创 2019-10-23 19:33:33 · 9938 阅读 · 0 评论