element UI
清清浅浅
渣渣枫!
路漫漫其修远兮,吾将上下而求索
展开
-
vue解决数组变化时,视图未更新的问题
问题:根据id获取要编辑的内容后,有startTime和endTime拼接成日期范围选择器的初始值后,出现无法选中的问题,利用vue-devtools工具发现,值其实已经变化了,只不过视图没有更新。错误写法: this.formParams.actDateRange = [res.data.data.startTime, res.data.data.endTime];解决方法: let arr = [res.data.data.startTime, res.data.data.原创 2020-06-17 10:26:57 · 623 阅读 · 0 评论 -
element-ui动态增减表单项
先来效果图需求:每加一个场次新增一场活动,并添加验证规则关键代码部分: <el-form-item label="活动场次" prop="roundTimeList"> <el-button type="primary" icon="el-icon-plus" @click="addSession">添加活动场次</el-button> </el-form-item> &原创 2020-06-17 10:10:09 · 2457 阅读 · 0 评论 -
vue小技巧记录
重置表单数据this.searchForm = JSON.parse(this._searchForm);原创 2020-06-15 16:01:48 · 199 阅读 · 0 评论 -
element ui 中TimePicker 时间选择器初始值为空时无法选中
如下图所述 <el-time-picker is-range v-model="value1" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" @change="editSession" ><原创 2020-06-12 10:24:20 · 5260 阅读 · 2 评论 -
VUE/AVUE每次打开弹框自动聚焦功能
先来效果图需求: 因为要对接读卡器,每次打开弹框都要点击卡号再把卡放上去,比较麻烦,所以想办法优化了一下avue代码htmljs原创 2019-12-20 11:27:42 · 2051 阅读 · 0 评论 -
打开弹框清空数据
// 增加弹框addHandle(){ this.addVisible = true; // 清空表单 this.$refs.addForm.resetFields();},这样子写会报错需要使用nextTick// 增加弹框addHandle(){ this.addVisible = true; this.$nextTick(() => { //...原创 2019-08-31 10:53:06 · 822 阅读 · 0 评论 -
element ui表单动态验证规则
话不多说,先来效果图:要求是选择延期时,延期天数必填。 <el-form-item label="是否延期" prop="status"> <el-switch v-model="addForm.status" active-color="#13ce66" active-text="是"...原创 2019-08-30 20:51:11 · 4252 阅读 · 2 评论 -
element UI的table中每一行都有下拉框的时候,做唯一标识
<el-select v-model="" @change="selectNumber(scope.$index)" > <el-option v-for="item in addTableData" :key="item.equipment_id" :label="item.equipme...原创 2019-05-29 21:19:43 · 4883 阅读 · 4 评论 -
使用element UI的日期选择器时,默认显示当天日期。
需求:输入框中要把当天日期显示在输入框中,并且传给后台的日期格式是2019-06-12。(如交易数据)传给后台的时间格式为’2019-06-12’这样的格式,,这个很好实现,el-date-picker上添加value-format="yyyy-MM-dd"即可;本来以为element UI中default-value设置之后,可以直接在输入框中显示,测试之后无用。最后通过下面的方法实现效果...原创 2019-06-12 18:58:25 · 42210 阅读 · 11 评论