自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

wjxhliu的博客

代码片样式设置

  • 博客(30)
  • 收藏
  • 关注

原创 js获取文件后缀名、文件扩展名

var spl = filename.split("."); document.write(spl[spl.length-1]);方法三:    stringObject.split(sep) 分割字符串,将字符串以指定的分隔符分割为一个数组<script> var filename = "javascript.html"; var spl = filename.split("."); document.write(spl[spl.length-.

2021-07-15 17:07:32 821

原创 获取el-select当前选中值的label

<el-select v-model="F.a" placeholder="请选择" size="small" clearable @focus="findA()" filterable @change="ChangeA"> <el-option v-for="(item,index) in As" :key="index" :label="item.name" :value="item.id">

2021-05-26 11:07:56 1858

原创 正则表达式判断是否为纯数字

var 正则名=/^[0-9]*$/;//正则表达式var 方法名= new RegExp(reg)方法名.test(需要测试的数据)//纯数据就是true

2021-04-29 18:23:46 24849 2

原创 el-radio的disabled设置

:disabled=“true” 是el-radio被禁用的状态通过:disabled=“value”在方法中设置value的true或者false

2021-04-13 13:16:43 6008

原创 判断变量为undefined的情况

https://www.runoob.com/js/js-typeof.html

2021-04-09 14:42:04 104

原创 前端的自我修养——每日存一个神仙颜色

宫墙红#902909

2021-04-09 14:39:41 54

原创 idea启动不了

idea启动不了显示这个即idea的bin包下少了idea.properties打开idea的bin包,查看这里东西也太少了打开原安装包,在同一个文件夹下(保证之前的环境变量配置是正确的)删掉原来的文件夹,重新运行安装包安装成功后,打开idea成功...

2021-03-24 09:08:48 272

原创 linux系统常用指令

https://blog.csdn.net/qq_23329167/article/details/83856430基本Windows系统发布代码到linux系统的指令有:ps -aux|grep xxx查看服务器正在运行的端口有哪些sudo nohup java -jar jar包名字运行打包的后端jar包,如sudo nohup java -jar admin-0.0.1-SNAPSHOT.jarrm -rf 想删除的文件名删除文件,如:em -rf admin-0.0.1-SNAPS

2021-03-20 09:27:24 57

原创 把时间加上三年,不考虑闰年啥的

safecertcheck_format = new Date(safecertcheck_format)const year = safecertcheck_format.getFullYear()+3; const month = safecertcheck_format.getMonth() + 1; const day = safecertcheck_format.getDate();this.dataForm.safecertwork = year+'-'+month+'-'+day

2021-03-09 17:07:23 111

原创 获取用户在el-table的选择框中选择的数据

在<el-table >添加属性 ref = "multipleTable " ,在<el-table-colum> 添加type属性 type=" selection "再通过一下代码就能获取已选择的行的数据;this.$refs.multipleTable.selection

2021-01-18 18:07:32 849

原创 获得全国的地址选择器,同时获得三个数字元素的数组对应的全国地址文字

https://www.npmjs.com/package/element-china-area-data#%E5%BC%80%E5%8F%91%E8%BF%87%E7%A8%8BregionData时引入全国地址数据,但是实际上是像[110000][110100][110105]这样的数组,要怎么获得数组对应的文字呢,//this.homeaddr是一个数组,里面装着3个数字元素// 地址文字版addrvar addr=""addr = CodeToText[this.homeaddr[.

2021-01-07 08:51:32 107

原创 js获取当前年、月、日,数据如2022-12-22的当前年月日

let Now = new Date();//当前时间let Now_format_year = Now.getFullYear()//当前年let Now_format_month = Now.getMonth()+1//当前月let Now_format_date = Now.getDate()//当前日

2020-12-24 14:49:45 620

翻译 列表的每行数据鼠标覆盖显示指定内容

<el-table-column label="姓名" width="180"> <template slot-scope="scope"> <el-popover trigger="hover" placement="top"> <p>姓名: {{ scope.row.name }}</p>//鼠标覆盖后的内容 <p>住址: {{ scope.

2020-12-22 11:41:37 179

原创 el-form的位置可以通过position调整

<el-form :model="dataForm" :size="size" label-position="right">

2020-12-17 18:25:58 4845

原创 截取字符串,可以用于后端传来的数据是有时分秒的,但是前端要求显示去掉时分秒的

this.data.show_time = this.data.show_time.substring(0,10) xxxx.xx.xx截取前面的年月日,占10位

2020-12-17 18:15:06 1053 1

原创 前端vue正则表达式验证手机号

通过在<el-form :inline="true" :model="dataForm" :rules="dataFormRules" ref="dataForm" :size="size" ></el-form>里有<el-form-item label="联系电话:" prop="phone" v-model="dataForm.phone"> {{dataForm.cellphone}}</el-form-item>可以在dataFor

2020-12-08 08:59:43 2272

原创 el-upload设置默认图片

el-upload的上传图片时需要一个默认图片<el-upload class="" action="#" list-type="text" :before-upload="beforeAvatarUploadl" :limit="1" :show-file-list="false"> <el-image style="width: 100px; height: 100px" :src="imgurl"&

2020-12-07 11:44:24 6593 3

原创 对抗el-element的自带样式

原本el-element的样式很让人头疼el-input的输入框的位置离图标的距离总是差很多一在Elements里面检查才发现有个内部div的margin-left是138px真真让人烦躁查了css样式可能是我不太会改最后成功消除空格原本是:后来改成即可...

2020-11-24 10:15:25 170

原创 Cascader 级联选择器、Select 选择器和date-picker日期选择器的宽度设置

像select选择器的宽度设置一般是这样<el-select v-model="value" placeholder="请选择" style="width: 100%;">//在el-select里加上一个style="width: xx%;" <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"&gt

2020-11-17 09:37:01 2989

原创 el-form的表单验证方法

由于一直以来都是修改页面的部分内容既然发现自己连一直在用的el-form的表单验证都不会<el-dialog :title="上传文件对话框" width="40%" :visible.sync="upload_DialogVisible" :close-on-click-modal="false"><el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-rul

2020-11-16 11:59:37 1220

原创 还是el-upload的坑,文件名的显示

由于前面说的,文件列表不能使用,只能自己写个显示文件行的东西,现在出问题了:在编辑的时候,出现了文件名字,但是部署到服务器上之后,却出现不了文件名。为什么?部署的服务器有问题吗?不,是缓冲的问题。在上传文件的时候,有一个file.name会让你快乐,但是如果你用file.name显示文件名,这就会出现不真实的快乐,暂存的文件名会让文件名显示出一会,但是当刷新的时候就会,使得file.name变成空,应该用后端传过来的数据xxx.jpg,不只是缓存里的数据,刷新后也可以

2020-11-11 16:42:12 6046

原创 在vue画可编辑表格

way1:尝试过el-table,但是el-table的画风是这样的,只能是一类的,而且我只找到了纵向的,不行,想画出这样的报名表就是不可能的于是,转用table

2020-11-09 17:00:51 3439 4

原创 前端页面的序号顺序排列index

前端页面的列表序号的情况是这样的,杂乱无章在前端代码的有一个colums,是显示表格内容的在表格内容栏加上{prop:"", label:"序号",type:"index"},就可以实现列表的序号顺序排列

2020-10-28 13:13:36 3189

原创 列表数据提交时的错误提示400,编辑时显示的电子照片在新增的时候也是显示的

在使用树形结构显示时,已有另外一个页面的成功使用,按照现有代码的树形选择框的代码内容,以及后端给的数据id但是几乎全部对应后的前端代码在显示的时候调试的console层却显示‘400’百度是数据太多,于是对应后端的model数据层,前端的树形结构有数据A和B,后端是有A的,但是没有B,同时我把前端的A的位置写到应该是B的位置上了,修改后成功显示树形结构,可选,可提交<el-form-item label="test" prop="testName"> &lt

2020-10-28 10:27:57 152

原创 通过身份证验证用户输入信息是否重复

后端传来用户身份证号码的重复性判断传给前端的方法idcard_repeat传来的数据可以通过res来获取,在前端打印获取的res,就可以看到后端传来的数据,此时,后端传来的数据一般情况下是一个变量,显示1或者0,代表重复或者不重复,弱res里的数据有data为1,此时代表身份证号码重复,判断res.data==1是否成立,成立则输出错误提示身份证重复若要求身份证不输入成功不提交,则在提交的代码前面写上判断,return false即可不提交成功获取的res打印出来非常重要,consol

2020-10-27 16:32:55 608

原创 img加载图片失败后处理

情况:上传用户照片,从后端取出地址,再通过调用后端生成图片函数getUrl()生出二进制流,获得的res通过window.URL.createObjectURL(res)赋给img的src展示图片。但是,由于失败加载,img的图片需要在界面上再次改变一个输入值后才能刷新展示。this.$api.TestPage.getUrl(res.msg).then((resplus)=>{ this.dataForm.imgurl = window.URL.createObjectURL(resplus

2020-10-27 15:39:39 1495

原创 后端给前端一个方法,前端联调

后端给一个方法A,前端要在js里面声明,给的是url里的路径,和前端的方法没有关系。如后端的方法是Name,在页面NamePage.vue里用,那么前端就应该在NamePage.vue的js文件里面,写上export const XXX方法名 = (data) => { return axios ({ url:'/NamePage/Name',//调用后端此页面上的方法用url method: 'post', data

2020-10-22 15:28:19 598

原创 vue界面的画行和画列

vue界面的画行和画列通过elment-ui画界面,通常用到<el-row>和<el-col>,是用来画行的,是用来画列的,通过在里写:span="具体数字",(表示在此行里此部分占多长)和:offset="具体数字",(表示在此行里此部分里左边部分有多长距离)而<el-form>则像是一张纸,在纸上画行和画列<el-row> <el-col :span="18"> </el-col> <el-col :sp

2020-10-20 16:44:54 289

原创 elment-ui的上传前限制文件大小和文件格式:before-upload的使用

elment-ui的上传前限制文件大小和文件格式:before-upload的使用在auto-upload为false的时候不能使用before-upload<el-upload action="#" list-type="picture-card" :before-upload="beforeA"> <i class="el-icon-plus "></i></el-upload>设置上传文件大小、文件格式 时用到:b

2020-10-16 14:09:30 1474

原创 Elment-ui的上传设置上传格式

Elment-ui的上传设置上传格式Elment-ui的中可以设置上传格式可以根据accept=" "来限制用户上传的格式accept="image/*"指的是任何图片格式都是可以上传的accept="image/png"和accept="image/jepg"指的是可以上传PNG格式或者JPG格式也可以合并accept=“image/png,imag/jepg”可以查看文件可选类型链接: https://www.cnblogs.com/of-course/p/8340677.html&l

2020-10-14 09:56:21 766

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除