element
奔跑的Camille
不coding,no bug
展开
-
elementUI之时间日期选择器 + watch监听
最近做项目时用到element UI的时间日期选择器,由于是需要设置系统开放时间和关闭时间,所以用到了两个el-date-picker问题1:需要对两个选择器的所能选的时间范围做限制 限制1:开放时间不能早于当前时间且不能晚于关闭时间 限制2:关闭时间不能早于当前时间且不能早于开放时间解决:picker-options属性代码://html&...原创 2020-01-02 11:53:59 · 5338 阅读 · 0 评论 -
vue + ElementUI 关闭/取消对话框时清除form表单
要求:在点击x和点击取消时,清空form表单1、点击x时,清空form表单解决方法:需要用到dialog组件的before-close属性 <el-dialog title="新增专家信息" :visible.sync="addExpertInfo" :before-close="closeExpertFormDialog"> //关闭dialog前...原创 2019-12-17 21:04:03 · 5646 阅读 · 2 评论 -
element UI 日期date-picker组件日期格式转化后限制时间范围picker-options失效
//html部分 <el-form :model="setTimeForm" ref="setTimeForm" :rules="setTimeRules" :label-width="formLabelWidth" > <el-form-item label="开放时间" pr...原创 2019-12-17 20:05:55 · 2562 阅读 · 1 评论 -
element UI upload组件:data=“data”,上传文件额外参数,后台无法获取到参数问题
用element UI的upload上传组件上传文件,上传文件没有问题,但是通过data传参时,nodejs后台怎么也接收不到参数,一直显示“{}”;如下图仔细百度了下,发现data传参格式是而后台用require('body-parser')接受数据,body-parser并不支持contentType: multipart/form-data的格式类型 。...原创 2019-12-11 11:47:30 · 6462 阅读 · 0 评论 -
关于elementUI多选框select、穿梭框transfer等组件的v-model值
最近在学习多选框等组件时,发现从数据库中读出的值赋给v-model,没法在框中显示 。其实,是赋值与v-model要求数据类型不同的原因。多选框select举例:<template> <el-select v-model="value1" multiple placeholder="请选择"> <el-option v-for="...原创 2019-12-09 17:27:57 · 2081 阅读 · 0 评论 -
element UI清空表单:resetFields()
element UI 官网上给的://resetForm重置表单方法;formName表单名resetForm(formName) { this.$refs[formName].resetFields(); }项目实例:// 清空表单;表单名:registerForm if (this.$refs['registerForm'] !== undefi...原创 2019-12-02 18:48:59 · 303 阅读 · 0 评论 -
element中时间选择器获取指定格式
前台展示:但是由于后台需要的是:年-月-日。解决方法:查看传到后台参数:ok!注意:value-format="yyyy-MM-dd"获取到年-月-日也可以value-format="yyyy-MM-dd HH:mm:ss"获取到年-月-日 时:分:秒...原创 2019-08-19 11:27:09 · 1531 阅读 · 0 评论 -
element UI——表单form重置实现
表单界面:部分html代码:注意:el-form-item标签中要加上prop属性,且属性值与v-model相同。原创 2019-08-01 21:25:49 · 832 阅读 · 0 评论 -
Vue前端报错:【Invalid prop: type check failed for prop "center". 】
错误:Invalid prop: type check failed for prop "center". Expected Boolean, got String with value "true".解决方案:找到错误文件,搜索center,发现然后在center前加:原创 2019-07-26 15:45:01 · 1505 阅读 · 1 评论 -
element ui的自带图标库icon显示格式有错或者不显示问题解决方案
最近在做vue项目,用的是element UI,在网上download了一个简单的模板,在实现前台代码时,发现element自带的icon库的图标显示有问题,或者压根就没有显示,比如搜索icon:icon="el-icon-search"。对应的代码:一开始以为是代码问题,一直纠结在代码上。后来查了一下package.json文件发现element版本比较老:"elem...原创 2019-07-26 14:57:20 · 2299 阅读 · 0 评论 -
element UI——input输入框只读不写需求设置
在 el-input标签内添加readonly属性:<div> <p> <strong>截至此时,本次按月补贴决算总金额为:</strong> </p> <el-input v-model="total" style="width:150px;" readonly="true">...原创 2019-07-25 16:22:12 · 12584 阅读 · 0 评论