随笔分类 -  el-element

前端 CST和GMT+0800时间转换（js/vue/react/jsp通用）
摘要：this.beginTime="2031-03-20 00:00:00" this.endTime="2031-03-20 00:00:00" this.beginTime=new Date(this.beginTime) this.endTime=new Date(this.endTime) // 阅读全文
posted @ 2022-12-27 15:56 肥晨 阅读(538) 评论(0) 推荐(0)
element时间组件 数据格式化||yyyy-MM-dd HH:mm:ss
摘要：const data={ name:this.ruleForm.name, startTime:`${this.ruleForm.startTime.getFullYear()}-${this.ruleForm.startTime.getMonth() + 1}-${this.ruleForm.st 阅读全文
posted @ 2022-12-14 11:47 肥晨 阅读(105) 评论(0) 推荐(0)
vue的elementui的时间控件 如何设置输出时间格式（el-date-picker：日期选择器、日期时间选择器）
摘要：注：使用value-format <el-date-picker class="topfontstyle" v-model="listMain.time" type="daterange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" 阅读全文
posted @ 2022-12-13 18:31 肥晨 阅读(795) 评论(0) 推荐(0)
vue 使用element表格报错 哪里报错滑动到哪里
摘要：this.$nextTick(() => { let isError = document.getElementsByClassName('is-error') isError[0].scrollIntoView({ // 滚动到指定节点 // 值有start,center,end，nearest， 阅读全文
posted @ 2022-09-26 14:13 肥晨 阅读(46) 评论(0) 推荐(0)
如何在dom中使用element的Loading 加载
摘要：element加载原文地址 在原文案例中，提供了表格容器和整页加载的案例，想要在div局部区域内怎么做呢？ 使用div为案例： html中： <div v-loading="loading"></div> data中： loading: true, methods中： startLoading: f 阅读全文
posted @ 2022-07-08 17:36 肥晨 阅读(312) 评论(0) 推荐(0)
基于element二次封装el-dialog
摘要：封装组件： HTML： <el-dialog :title="title" center :visible.sync="visible" :before-close="handleClose" :show-close="false" width="364px" > <span>{{ content 阅读全文
posted @ 2022-06-10 09:59 肥晨 阅读(469) 评论(2) 推荐(0)
elementUI中日期时间插件（DateTimePicke） 限制选择时间（设置时间选择范围）
摘要：js： methods: { pickerOptions(date) { return{ disabledDate(time){ console.log(date) return ( time.getTime() < new Date(date).getTime() ); } } }, } html 阅读全文
posted @ 2022-06-09 18:19 肥晨 阅读(558) 评论(0) 推荐(0)
CSS修改单选框样式（element）
摘要：1.简单的修改颜色 原样式： 修改后： HTML代码： <el-radio-group v-model="newlyAdded.discount"> <el-radio label="0">工品</el-radio> <el-radio label="1">供应商</el-radio> </el-r 阅读全文
posted @ 2022-04-01 10:35 肥晨 阅读(1110) 评论(0) 推荐(0)
element的el-select input组件双向绑定无法选中回显的问题
摘要：在选择下拉后出现了下拉无法回显的情况,但是其他输入框一填内容,马上就回显了的情况。 经过排查也并不是下拉框绑定的值有问题,最后是使用了Vue 官方提供了 vm.$forceUpdate() 方法才解决的。此方法的作用是迫使 Vue 实例重新渲染。 解决代码:在对应的select组件增加@change 阅读全文
posted @ 2021-12-04 10:07 肥晨 阅读(1311) 评论(0) 推荐(1)
element的select控制输入格式
摘要：<el-select v-model="formList[0].value" filterable allow-create placeholder="请输入内容" @focus="dropDownInformation(formList[0].name)" @input.native="filte 阅读全文
posted @ 2021-11-06 13:37 肥晨 阅读(1013) 评论(0) 推荐(0)
el-element的时间选择器el-date-picker type="datetime" 组件使用时，错误信息 mask.replace is not a function
摘要：组件代码 <template>： <el-date-picker v-model="value1" type="datetime" placeholder="选择日期时间"> </el-date-picker> <script>： data： value1: '' 出错原因 vue 示例上 date 阅读全文
posted @ 2021-07-07 19:40 肥晨 阅读(1223) 评论(0) 推荐(1)
把el-element的日期格式改为CRON
摘要：在日常的开发当中，经常会遇到格式的不匹配造成的困扰。 在日期管理上，el-element也是贴心的准备了相关的日期选择器，但是在取值的时候发现，el-element所给出的值格式可能并不是我们常用的。 el-element地址：https://element.eleme.cn/#/zh-CN Sat 阅读全文
posted @ 2021-05-25 22:28 肥晨 阅读(342) 评论(2) 推荐(0)