![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elemnetUI
SanOrintea
这个作者很懒,什么都没留下…
展开
-
Element2 el-tooltip 滚动时 不消失
Element2 el-tooltip 滚动时 不消失原创 2023-03-02 11:04:54 · 1077 阅读 · 0 评论 -
el-tab mounted只有第一次能取到prop中的值 mounted和props先后顺序
一个Tab,分页的代码用组件实现,一个组件是一页。在这个组件中进行http请求。入参取prop传进的。第一次点入这个currentPage能正常传,第二次就不行。解决方法:方法1:不应该在mounted中取prop值。应该吧要写在mounted中的东西写在prop值变化监控的watch中方法2:在mounted中加settimeout0延迟...原创 2022-05-23 11:31:04 · 466 阅读 · 0 评论 -
elementui datepicker 类型切换 弹出框 的坑
datepicker类型切换的时候,从type=‘date’ 切换到 type = ‘month’ 是没问题的。但是从这两种切换到type = ‘datetimerange’ 会引起弹出框错位到左上角。<el-date-picker v-model="dataForm.date" :type="dateType.type" :format="dateType.format"原创 2022-04-18 09:57:27 · 1676 阅读 · 0 评论 -
网页图片显示的是缓存的处理方法
情形:element upload组件,头像框模式。当后端传来的图片地址不变的时候,浏览器会先访问缓存中的这个地址,就造成了图片修改成功但是显示的还是原来的情况。解决方法://uplaod的头像框模式的显示要求:对象中有name,url[{name: `0.jpeg`, url: data.imgUrl+`?t=${new Date()}`}]//网址后面拼上+`?t=${new Date()}`...原创 2022-03-18 11:18:31 · 426 阅读 · 0 评论 -
elementui datepicker 图标靠右css解决
找了一圈网上居然都是直接操作dom元素。这里贴一下css解决方法:.date-picker >>> .el-input__inner { padding: 0 15px; // 这个15是el-input组件默认的值}.date-picker >>> .el-input__prefix{ right: 5px; left: unset;}.date-picker >>> .el-input__suffix{ right: 25原创 2022-01-19 13:34:45 · 2505 阅读 · 0 评论 -
完美解决elementui input输入框 Number 类型 的坑(上下三角箭头,科学计数法 e,保留小数,整数)
首先要明确:1、数字类型是一个int,有限定的位数,太大就失精了,因此,太长的数字用tel类型,短数字用Number。2、输入框是给用户用的,可以限制用户输入,但是不能自动改用户已经输入的东西(一开始用正则做了个匹配小数点后几位的自动删除,用户体验不好)遇到的问题:1、使用Number的时候,会有上下箭头(不好看),并且滚轮可以滑动(正常页面就是滚轮滑的,不能一键多用),禁用这两个2、输入(或复制黏贴进去)非数字的时候,虽然没输入,但是输入框中的光标闪动到左上角了,禁用这个<style l原创 2022-01-18 13:27:16 · 14434 阅读 · 3 评论 -
vue elementui 向table中添加新列 视图刷新慢
需求:点击checkbox,向列表中加新的列,再点击,去除新的列问题:checkbox和table的视图是同时刷新的。点击以后table刷新慢,checkbox要等table,再一起绘图。思路:1.解决table慢的问题。优点:根本途径缺点:这需要减少dom元素,换组件啥的,太麻烦2.让checkbox的视图先绘制,再处理table的视图优点:无缺点:没找到官方给的方法(forceUpdate怎么更新单个组件,延时tick和settime不能够管的上视图绘制)不把checkbox值用v-m原创 2021-10-14 15:50:45 · 565 阅读 · 0 评论 -
elementui 选择器 保存下来所选内容所在的对象
//数据data:[ {id:1,name:'一',a:'a1',b:'xxxxxxxxx'}, {id:2,name:'二',a:'a2',b:'xxxxxxxxx'}, {id:3,name:'三',a:'a3',b:'xxxxxxxxx'},]//html<el-select v-model="" @change="change()"> <el-option v-for="(item,index) in data" :key="index" :label="i原创 2021-10-12 16:52:08 · 354 阅读 · 0 评论 -
时间选择器,起始时间结束时间控制
在两个datapickek中加属性:picker-options="startTime"和`:picker-options=“endTime”在datareturn中加 startTime: { disabledDate: time => { if (this.dataForm1.endTime) { return time.getTime() > new Date(this.dataForm1.endTime).getTime原创 2021-10-07 10:45:25 · 363 阅读 · 0 评论 -
elementui通过v-if 来切换 table 出现问题的情况
串行,某一列显示不出来。这样的情况 是因为 elementui在加载第二个table的时候,还没完全把第一个卸载掉,他寻找又没有一样的能复用的,找到以后就不刷新了,找不到再加载。然后有一部分就会错误。这时候只要给每个table中加一个key = "tablexxxx"就好了,让他们命名不同,不让elementui找复用。...原创 2021-09-29 15:48:27 · 934 阅读 · 1 评论 -
文件上传改文件名
element ui的文件上传器是uploader,他里面存的文件打印下来的标准格式是;红色:需要传输的内容form绿色:uploader蓝色:uploader【0】黄色:uploader【0】中的文件部分(raw),如果需要改文件名,就是改raw中的name但是这个file类型的保存方式只可读,不可写。于是我们新建一个文件格式重新保存这个文件就可以了,只是保的时候偷偷改一下他的文件名,代码如下:if (this.dataForm.file[0].raw !== undefined) {原创 2021-09-22 09:50:41 · 857 阅读 · 0 评论 -
select中显示的是内值而不是名字+显示值在下拉列表中没有选中
问题1;select中显示的是内值而不是名字是因为html中value没有动态绑定<el-select v-model="xxxxxx[n-1]"> <el-option label="无" :value="255"></el-option> <!-- 这里的 ↑--> <el-option v-for="n in 60" :key="n" :l原创 2021-09-07 16:08:11 · 293 阅读 · 0 评论 -
多选回显的时候input框内出现多个选择结果,但是下拉框中没有。
当我们查看某条多选框内数据的时候,input框内是我们已经选好的值这个值,但是在多选框内没有我们选好的值。这是因为我们提取后台数据到dataform的时候,提取的是多选的name属性,而不是id。如果只有name则只会显示在input。...原创 2021-08-30 10:01:36 · 344 阅读 · 0 评论 -
dialog 打开后需要点击一下才能 的问题
dialog刚出来,全屏就灰掉了,需要点击一下才能正常。这是因为dialog在蒙版以下,所以让dialog渲染在蒙版以上的方式是用设定嵌套dialog时附加的一个小特性解决以下复制与elementui官方文档正常情况下,我们不建议使用嵌套的 Dialog,如果需要在页面上同时显示多个 Dialog,可以将它们平级放置。对于确实需要嵌套 Dialog 的场景,我们提供了append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dial原创 2021-08-20 10:24:02 · 728 阅读 · 0 评论 -
表单修改后退出,表格数据变化
原始情况:表单修改后退出,表格数据变化 openeditDialog(){ if(JSON.stringify(this.currentrow) != "{}"){ this.form = this.currentrow//11111111111111 this.editvisiable = true }else{ this.$message('请选择一条数据') } },在1中,form=currentrow原创 2021-05-31 15:59:38 · 206 阅读 · 0 评论 -
表单自动填充
<template> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="姓名"> <el-autocomplete popper-class="my-autocomplete" v-model="form.name" :fetch-suggestions="querySea原创 2021-05-18 11:11:21 · 531 阅读 · 0 评论 -
elementui popper 当前页样式修改 更改出现位置
popper弹窗是和vue.app在同一层的所以修改样式只能在全局里修改。那么问题就来了,怎么做到全局修改还不影响到别的页面呢?html界面用添加新属性popper-class="pop_rename"全局css界面添加//重命名的方法:在.el-popper后面紧跟着写一个.pop_rename。注意如果空格了,就是表示二级子样式了,如下面的第二个和第三个.el-popper.pop_rename{ background: #9a9a9a9a; border: 0px; min-原创 2021-04-25 14:33:59 · 1580 阅读 · 0 评论 -
el-table两种取值方法
<el-table> //方法一 <el-table-column prop="id" label="序号" width="50"></el-table-column> <el-table-column prop="contractNo" label="合同编号" width="110"></el-table-column> <el-table-column pr原创 2021-04-12 15:26:53 · 6675 阅读 · 1 评论