2 wusq..

尚未进行身份认证

我要认证

前端初学者

等级
TA的排名 6w+

解决自定义组件表单验证不能及时生效,提交的时候才生效的方法

问题:如图,内容已经填写,但是非空提示语还在,只有点击后面的确定按钮才会生效解决办法:在子组件的input事件添加手动校验,如果是远程查询组件的话还要在change事件添加手动校验:<el-form-item prop="policyNo" class="append-form-item"> <remote-search ref="appendPolicyNo" :result

2020-10-13 09:48:52

css一串纯数字或纯英文无空格的字符串强制换行

修改前:修改后:代码:span { white-space: pre-line; word-break: break-all; word-wrap:break-word; }white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;white-space 属性设置如何处理元素内的空白normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。..

2020-09-24 16:57:32

axios responseType: ‘blob‘下载文件,失败时转换成json

axios配置responseType: 'blob'时,接口返回成功的数据是正常的文件流,返回失败的时候也会以文件流的形式下载到本地,但是是一个损坏的文件。通过观察发现:有效的情况下返回的type是application/octet-stream,而失败的时候type是application/josn,那我们就根据这个条件对结果进行处理,对失败的结果转换成json,在页面给出错误提示。处理代码如下:正常的type为application/octet-stream时,就执行下载到本地的.

2020-09-11 17:06:59

el-select远程查询大数据量分段加载

el-select远程查询大数据量分段加载1.问题:最近使用elementUI的el-select组件的远程查询功能,发现在大量数据(1w条以上)的时候出现页面卡死的情况,经过排查,产生问题的原因是前端渲染造成的。2.解决思路1.在查找解决方案的时候看到一个解决办法是加载前50条,效果是这样的:2.按照这个思路,想到了...

2020-09-02 12:41:53

VUE构建前后端分离的前端项目

VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目2.使用elementUI组件编写页面3.使用axios与后台交互4.使用webpack构建工具打包5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发现BUG可以快速定位问题,代码的重构和可维护性强,降低维护成本。分离部署,静态资源由前端服

2020-08-26 23:26:18

vue根据后端菜单数据生成动态路由

动态路由初体验,存在不足,欢迎点评指正~前言:在之前的项目中,菜单是动态获取的,而路由是写死的,配置路由的时候只要保证路由的path与菜单的index(elementUI的el-menu组件)相同就可以实现路由跳转,只是菜单改了的话,路由也得相应修改,否则就会找不到页面。当时之所以没有研究动态路由是觉得跳转的页面是路由指定的,如果路由变成动态获取的话,前端的页面文件命名和目录结构都得根据后端的数据调整,也不是很灵活,但是…最近后端调整了数据,发现好多路由没有匹配到,都跳转到了一个重定向/redirect

2020-08-20 16:04:40

vue使用深拷贝进行表单清空

最近发现this.$refs[form].resetFields()这个方法并不能将表单清空,它只是把表单重置到初始值。我在实际项目中遇到的情况是:1.进入页面首先进行新增操作(表单初始是空值),则重置功能正常2.进入页面首先进行修改操作(表单默认回显要修改的数据),则在之后的操作执行this.$refs[form].resetFields(),表单的内容都是进入页面时回显的数据解决办法:1.在data里定义的表单初始数据是addForm: { centerName:

2020-08-17 10:16:42

elementUI的textarea鼠标聚焦边框颜色

今天突然发现textarea组件,鼠标点击时边框是黑色的,而项目整体色调是蓝色解决办法:设置outline-color属性样式1.HTML<textarea v-else ref="msgcontent" v-model="processForm.content" placeholder="请输入处理内容" :style="textareaStyle" class="input-textarea" @focus="textFocus" />2.CSS.input-te

2020-08-10 10:59:45

el-table高度不正确

问题:如图,表格拥有的高度是红色框的,但是显示的时候高度却只有橙色框原因:查看控制台发现,el-table__body-wrapper is-scrolling-none属性有个内联样式,height值为220px,而且这个值会随着控制台的拖动变化。解决:在全局样式添加代码。其中multiple-table是表格的class.multiple-table /deep/.el-table__body-wrapper { height: 90%!important.

2020-07-29 10:27:25

elementUI el-image图片加载失败解决

使用el-image显示图片加载失败代码:<el-image style="width: 100%; height:50px; margin:4px 5px 2px 5px;" src="../assets/logo1.png"/>效果:解决:src用里面加个require代码:<el-image style="width: 100%; height:50px; margin:4px 5px 2px 5px;" :src=.

2020-06-30 11:20:56

JAVA VUE前后端使用aes对用户名密码加密

加密后的数据格式:1.安装插件npm install crypto-js --save-dev2.创建相关建相关js文件:我是创建在util目录下,文件名为aes.jsaes.js添加代码:import CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 ivconst KEY = CryptoJS.enc.Utf8.parse('Dm123456') // ""中与后台一样 密码const IV = CryptoJS..

2020-06-09 09:48:44

el-table index换页序号叠加

效果图:代码:<el-table-column type="index" label="序号" width="50" align="center" :index="computeTableIndex" />写在methods:computeTableIndex(index) { return (this.currentPage - 1) * this.pageSize + index + 1 },...

2020-06-08 17:24:44

EasyUI下拉框Combobox设置某些选项不可选置灰

效果图:方法: 数据里面的加一项disabled为true就可以了data = [{ "id":1, "text":"text1", "disabled": true },{ "id":2, "text":"text2", "disabled": false },{ "id":3, "text":"text3" ,{ "id":4, "text":"text4", "disabled": true

2020-06-06 18:02:54

plop-templates自动新建项目文件

前:我所使用的的框架是vue-element-admin,这个里面已经有很多功能了,不过是纯前端的,我用到项目中已经改得面目全非了,只保留了基本框架。1.今天突然发现目录中有个plop-template,之前没有注意到,baidu了一下才知道原来是自动创建项目文件用的。2.我之前创建新文件都是鼠标右键new一个vue文件,然后打vue,选择第一个生成一个最简单的模版,但是太简单了,vue的生命生命周期还得自己写。3.自己创建的工程项目是没有这个plop-template,添加方式:①在

2020-06-03 14:33:03

vue-cli3.0引入pdf.js,解决Uncaught SyntaxError: Unexpected token报错

pdf.js的引入是在将官网下载的包放到static目录,然后通过iframe引用的。但是vue-cli3.0没有static文件夹,下面详细介绍一下vue-cli3.0的引入方式1.下载包百度搜索pdfjs,或者点击链接http://mozilla.github.io/pdf.js/getting_started/#download 点击下载2.在public目录新建static文件夹,将下载的pdf包解压了放进去注意static文件夹不能创建在src统计目录,否则访问不到,会报错U.

2020-06-03 09:46:40

setInterval函数先执行一次再进行延迟

const i = 0 const interval = function() { console.log(i++) return interval // 自我调用一次 }setInterval(interval(), 10000)

2020-05-28 14:29:14

Windows环境下redis重启

在redis安装的目录下打开cmd窗口输入以下命令打开启动redisredis-server redis.windows.conf如果提升Creating Server TCP listening socket *:6379: bind: No error,需要重启redis重启步骤:依次输入以下指令1.redis-cli -h 127.0.0.1 -p 6379 ...

2020-05-01 19:26:11

el-table设置默认选中报错_this.$refs.singleTable.toggleRowSelection is not a function

直接使用以下的方法,报错信息是_this.$refs.singleTable.toggleRowSelection is not a functionthis.$refs.singleTable.toggleRowSelection(item, true)看了网上的解决方法,加了this.$nextTick,代码如下,但还是报错Error in nextTick: "TypeErr...

2020-04-29 14:11:21

vue-pdf接收文件流

pdfDlg: function() { axios({ method: 'GET', url: '/web/pdfFile', // 后台接口 paramsSerializer: function(params) { return qs.stringify(params, { arrayFormat: 'bra...

2020-04-22 15:22:14

vue中数组加Key

代码:const numberList = list.map(item => ({value: item}))其中 list是原数组,numberList是转化后的数组,value是key的名称在使用element的el-autocomplete远程搜索组件时,普通的数组不能匹配,需要带有可以的数组才可以。这是普通数组转化成key为value的数组:...

2020-04-09 17:37:49

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取