草庐IT

some_element

全部标签

element-ui实现附件上传功能

1.引入文件FileUpdata选取文件请上传大小不超过{{fileSize}}MB格式为{{fileType.join("/")}}的文件{{getFileName(file.name)}}删除import{getToken}from"@/utils/auth";import{delAttachment}from"@/api/customer/information";exportdefault{name:"FileUpload",props:{//值value:[String,Object,Array],//数量限制limit:{type:Number,default:5,},//大小限制

ES:Compressor detection can only be called on some xcontent bytes or compressed xcontent bytes

发生缘由学习ES中JavaHighLevelRestClient客户端API运行环境elasticsearch版本:7.12.1jdk版本:jdk-8电脑系统:win10Idea版本:2021.2报错信息org.elasticsearch.common.compress.NotXContentException:Compressordetectioncanonlybecalledonsomexcontentbytesorcompressedxcontentbytes atorg.elasticsearch.common.compress.CompressorFactory.compressor

【vue组件】使用element-ui 实现三级联动下拉选择

实现的思路是第一个下拉选择在选择了选项后将该选项的信息传递到接口请求下一个选项的内容,依次类推然后在清除了上一级选择的选项后要将其次级和子孙级的选项都清除(包括选择里的列表内容)下面看具体代码:template>div>div>el-form:size="'small'":inline="true":model="ruleForm"ref="ruleForm"label-width="120px"label-position="left":rules="addRules">divclass="scan_title">展示:/div> !--自定义清除方法,注意change方法在clear前执

git push时报错error: failed to push some refs to ‘https://gitee.com/**.git‘的解决方案

今天小编在学习git中报错遇到这样的问题,如下图问题弄得小编很是烦恼。经过查阅资料找到了问题的解决方案,下面就来一起解决这个问题吧成因:可能是因为在手动修改了远程仓库中的文件,导致一些文件在本地仓库和远程仓库上不一致,故而引发该错误。当然也有可能是别的原因哦,这个原因的可能性比较大!!!解决方法:使用命令gitpull--rebaseoriginmaster将远程仓库同步到本地,然后再重新add、commit、push就行了。当然引发这种错误的原因可能不是这个,但大家可以尝试一下。小编经过这个方法成功解决了错位,大家也可以进行尝试哦!!!解决效果图如下如果问题没有解决,欢迎大家和小编讨论,大家

使用element-ui的el-upload进行excel文件上传与下载

需求:前端上传文件后,后端接受文件进行处理后直接返回处理后的文件,前端直接再将文件下载下来。通常我们都是直接使用el-upload的action属性来直接完成文件上传的操作,如果要进行后续文件的直接下载,可以在on-success中用代码进行操作,若存在401权限问题也可以直接设置headers属性添加token,以下: 将文件拖到此处,或点击上传*请上传excel文件actionUrl:`${this.BASEURL}/xxx`,//接口headers:JSON.parse(sessionStorage.getItem('access_token')).content,//获取tokenha

Vue 中 element-ui table 结合后端请求实现排序

一.需求需要对指定列,结合后端请求进行排序二.效果三.知识点3.1如果需要结合后端请求排序,将需要排序的列上设置sortable为custom3.2同时在el-table标签上监听sort-change事件,在事件回调中可以获取当前排序列的字段名和排序顺序,从而将这些作为发起接口请求的入参3.3sort-change方法自带三个参数,分别为:column:当前列prop:当前列需要排序的字段名order:排序的规则(升序、降序和默认,默认就是没排序)四.代码和注释如下el-tableref="multipleTable":data="tableData"tooltip-effect="dark

vue element-ui年份范围选择器,年日期插件,可选日期区间等

可以禁止选择未来日期,以及可选的日期范围控制,代码在最下面。直接上代码:先来一个不禁止选择的示例template>el-popoverref="popover"placement="bottom"v-model="showPanel"popper-class="custom_year_range"trigger="manual"v-clickoutside="()=>{showPanel=false}">divclass="_innerfloatPanel">divclass="_innerleftPanel">divclass="_innerpanelHead">iclass="_inner

使用element-ui el-select 做下拉 全选+搜索 功能

使用element-uiel-select做下拉全选+搜索功能有时候,需要用到下拉列表全选和搜索,并且鼠标放入的时候有下拉列表展示。以前的做法是check+el-input搜索结合做个组件,现在这个方法直接使用el-select就能做到这个需求功能:有搜索+有全选+有取消+有确认请求+有鼠标移入自动展示功能(cv即食)template>div>div@mouseover="mouseOver">el-selectv-model="selValue"placeholder="请选择"filterablemultiplecollapse-tagsref="refElSelect">el-optio

vue+element-ui input输入框设置属性type为number去除右边的上下按键

当inputtype=number时,去掉后面的上下按钮1.全局样式改变://在style里面添加此段代码即可input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;}input[type="number"]{-moz-appearance:textfield;}2.在style中使用的是vue+element,通常写当前页面的样式时使用scoped,防止篡改其他页面样式,但是这样会发现上面的代码失效,此时需要使用/deep/去寻找【定义样式】去除表框、去除上下箭头、去除

vue+element ui实现好看的登录界面

闲暇之余使用vue+elementui制作了个登录界面话不多说,先上图界面效果图下面直接上代码:template>divclass="loginbody">divclass="logindata">divclass="logintext">h2>Welcome/h2>/div>divclass="formdata">el-formref="form":model="form":rules="rules">el-form-itemprop="username">el-inputv-model="form.username"clearableplaceholder="请输入账号">/el-inpu