![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
尼给路达哟
路漫漫其修远兮
展开
-
时间选择器 处理时间:如果相差天数大于30天,回显时结束时间自动加1
/判断相差月数是否大于一个月(30天),大于才默认显示一个月 // var stime =new Date(startTimeArr[0]).getTime(); // var etime = new Date(finishTimeArr[0]).getTime(); // var usedTime = etime - stime; //两个时间戳相差的毫秒数 // var differDays=Math.fl原创 2021-11-22 14:33:52 · 811 阅读 · 0 评论 -
关于element表单中日期或时间选择在获取后端数据后无法修改得解决办法
有时候用element表单会使用 时或日期选择器,后端传回数据得时候发现选择器能回显,但是无法选择!后来发现用this.$set() 可以解决这个问题,特此自己做个标记。 let finishTimeStr=data.data.endTime let finishTimeArr=[] finishTimeArr=finishTimeStr.split(' ') console.log(finishTimeArr,'beginTi原创 2021-11-19 18:01:36 · 1129 阅读 · 0 评论 -
ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示
出现表格数据过多至出现滚动条的情况,这个时候暂无数据时会出现显示的”暂无数据“随滚动滚动的情况,如下图,效果很不好。什么办法可可以让暂无数据内容直接在表格中居中呢?这里用到/deep/ 深度选择器,修改element-ui的对应css注:vue-cli-3中scss中可能无法识别/deep/用::v-deep代替!::v-deep .el-table__empty-block { width: 100%; min-width: 100%; max-width: 100%;}效果图如下原创 2021-11-10 10:47:37 · 5265 阅读 · 5 评论 -
el-table中的使用formatter属性的让表格单元内显示图片
el-table中的使用formatter属性的让表格单元显示图片el-table的formatter这个属性很厉害,可以用来修改很多东西。官方文档只是说了可以格式话内容但是再项目开发中想试着不仅仅只是数据的改变呢,可不可以插入html呢?可不可以插入html后如img标签后给 动态绑定src地址呢?我试了下用JSX语法可行!上代码看更直观:html中 <el-table ref="prizeTableData" :data="tableData" >原创 2021-11-05 17:17:56 · 2358 阅读 · 0 评论 -
element upload获取上传成功的图片地址
关于upload获取上传成功的图片地址记录一个坑,在项目中用到了element的图片上传,文档里的室这么写的获取图片的urlhandleAvatarSuccess(res, file) {this.imageUrl = URL.createObjectURL(file.raw);},但是实际上上面的 this.imageUrl 得到的是我本地的,我改了下才成功获取到上传后后台反我的url,也不知到是除了什么问题? <el-form-item label="文章配图:" cla原创 2021-08-20 13:57:54 · 8636 阅读 · 0 评论 -
关于element Form表单的下拉框出现自动校验
关于element Form表单的下拉框出现自动校验 最近在写后台系统的时候,需要对提交的表单进行校验,因为我后台系统使用element搭建的,我自然用element的Form组件。 本身官方文档写的挺详细的,但是还是出现了问题 **Form表单中的下拉框会出现自动校验!** 关键是这种自动校验会一直存在,我做了增删改查,也就是说我点击添加打开对话框下拉框发生校验然后关闭对话框,然后在店家删除时,下拉框的校验依然存在!!!这十分不友好。 element组件本身提供了!![在这里插入图片描述](ht原创 2021-08-18 08:58:00 · 4795 阅读 · 0 评论 -
element 穿梭框的使用
element 穿梭框的使用废话不多说,上源码 <!-- 穿梭框 --> <el-form-item label="xxx:" class="DrawerRight" > <el-transfer @change="choose($event)" filterable filter-原创 2021-08-03 08:14:43 · 1120 阅读 · 0 评论 -
element的pagination分页撰写
element的pagination分页撰写有时候后端忙的是时候没有写分页,那就只能自己写了,但也仅限于小规模数据,一旦数据量大(几百上千条),那就只能传参给后端,他不写是他的问题。分页不难,要搞懂逻辑。一般都是这个逻辑 vue里面 let url ='xxxt'; this.$axios.get(url).then(res => { let arr=[];原创 2021-07-20 09:10:25 · 67 阅读 · 0 评论