前端
JustDI-CM
对于可控的事情要保持谨慎,对于不可控的事情,要保持乐观,人只能做自己能力范围内的事情,你要接受这个现实,并且以乐观的心,去应对这一切
展开
-
前端-登录超时后,重新登录报403
目录1.现状2.方法1.现状系统登录后,两个小时内没有进行操作,再次发送请求时,提示“登录超时,请重新登录”,并跳转到登录页。再次登录成功后,发送请求,提示 403。403 一般是客户端验证不通过,查看发现 cookie 中,多出来了一个没有值的 token,还有一个有值的 token,服务端取值 token 出现问题。原因是,退出登录时,前端将 token 设置成了空值Cookie.set('token', '')再次登录时,后端又往 cookie 里面设置了原创 2022-05-17 11:22:30 · 1937 阅读 · 0 评论 -
element UI-表格数据上下移动功能
1.在<el-table>中增加一列 <el-table-column label="操作" > <template slot-scope="scope"> <el-button size="mini" type='text' :disabled="scope.$index == 0" @click.stop="sortUp(scope.$index, scope.row)">向上↑ </原创 2021-03-23 17:44:32 · 1565 阅读 · 0 评论 -
element UI-日期选择器(el-date-picker)-起止日期相差30天
1.需求:结束日期选择范围:开始日期-开始日期+30天2.实现:使用el-date-picker组件的picker-options属性,及picker-options中的disabledDate方法代码(style也在,可忽略):<template> <div class="medicalRecord"> <h3 class="...原创 2020-04-09 12:44:31 · 2570 阅读 · 0 评论 -
前端-开发环境安装与配置
前端-开发环境安装与配置前言安装node.js安装npm功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言好久没写...原创 2020-03-28 11:33:41 · 723 阅读 · 0 评论 -
前端学习笔记6-CSS入门四
前言:虽然做了几个前端项目,但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱,在网上找了一些网站,用于空闲时间学习。在此做下学习笔记,以做复习使用。网站的课程讲的很好,很适合像我这样零基础的人学习,非常感谢网站的维护者,推荐下:绿叶学习网1.表格样式:---border-collapse,控制边框合并---border-spacing,控制边框间隔,单位px---captio...原创 2020-01-19 17:24:47 · 238 阅读 · 0 评论 -
前端学习笔记5-CSS入门三
前言:虽然做了几个前端项目,但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱,在网上找了一些网站,用于空闲时间学习。在此做下学习笔记,以做复习使用。网站的课程讲的很好,很适合像我这样零基础的人学习,非常感谢网站的维护者,推荐下:绿叶学习网1.background,控制背景图---background-image,用于引入背景图---background-repeat,控制引入背景...原创 2020-01-19 15:24:29 · 214 阅读 · 0 评论 -
前端学习笔记4-CSS入门二
前言:虽然做了几个前端项目,但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱,在网上找了一些网站,用于空闲时间学习。在此做下学习笔记,以做复习使用。网站的课程讲的很好,很适合像我这样零基础的人学习,非常感谢网站的维护者,推荐下:绿叶学习网1.控制字体的有,font-family(字体类型)、font-size(字体大小)、color(字体颜色)、font-weight(字体粗细)、fon...原创 2020-01-17 15:41:48 · 191 阅读 · 0 评论 -
前端学习笔记3-CSS入门一
前言:虽然做了几个前端项目,但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱,在网上找了一些网站,用于空闲时间学习。在此做下学习笔记,以做复习使用。网站的课程讲的很好,很适合像我这样零基础的人学习,非常感谢网站的维护者,推荐下:绿叶学习网1.CSS的3种引用方式:---外部样式表,CSS代码和HTML代码分开存放,在HTML中通过link标签引入CSS。CSS代码:div{...原创 2020-01-17 13:34:15 · 243 阅读 · 0 评论 -
前端学习笔记2-HTML入门二
前言:虽然做了几个前端项目,但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱,在网上找了一些网站,用于空闲时间学习。在此做下学习笔记,以做复习使用。网站的课程讲的很好,很适合像我这样零基础的人学习,非常感谢网站的维护者,推荐下:绿叶学习网1.img标签,自闭合标签,用于引入图片: <!--img的src属性是必须的,值为图片路径--> <img sr...原创 2020-01-16 19:41:26 · 202 阅读 · 0 评论 -
前端学习笔记1-HTML入门一
前言:虽然做了几个前端项目,但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱,在网上找了一些网站,用于空闲时间学习。在此做下学习笔记,以做复习使用。网站的课程讲的很好,很适合像我这样零基础的人学习,非常感谢网站的维护者,推荐下:绿叶学习网1.整个网页由<html>开始,</html>结束2.HTML注释语法:<!--注释内容-->3.HTML空...原创 2020-01-16 14:57:23 · 213 阅读 · 0 评论 -
element UI-远程搜索(el-select)
1.需求表单项需具有搜索功能,并以下拉选的形式展现2.实现<template> <div class="medicalRecord"> <div class="main-content" v-if="!taskDetail"> <div class="content-top"> <el-fo...原创 2019-12-31 15:48:18 · 6139 阅读 · 1 评论 -
element UI-远程搜索(el-autocomplete)
1.需求表单项(系统名称)需具有搜索功能2.实现<template> <div class="publicBox"> <div> <div class="main-content"> <div class="content-top"> <...原创 2019-11-22 15:51:49 · 1187 阅读 · 1 评论 -
vue-使用websocket
1.需求项目有部分要求前后端实时交互2.实现前端使用websocket,直接上代码(只涉及websocket) let localHost = window.location.host console.log('localHost-----') console.log(localHost) let ws...原创 2019-09-24 09:31:38 · 2320 阅读 · 1 评论 -
error: vue-cli路Failed to download repo vuejs-templates/webpack: read ECONNRESET
vue-cli创建vue项目报错,上网百度原因也没找到个明白的。问了一个大佬,说可能是网络问题,然后切换了手机WiFi,果然成功了。可能是公司网络屏蔽了一些相关网站,导致下载webpack失败。在排错的过程中,发现了两篇创建vue项目过程写的很详细的博客,网址如下:https://blog.csdn.net/weixin_40760196/article/details/79952652...原创 2019-03-13 10:56:48 · 22736 阅读 · 7 评论 -
element UI-远程搜索(el-autocomplete)修改下拉框的样式
记录实现改变下拉框的功能1.默认样式el-autocomplete下拉列表的宽度默认与输入框的一样。当远程搜索返回的字段过多时,部分字体会被掩盖。查看官方文档,发现popper-classpopper-class Autocomplete 下拉列表的类名 2.添加popper-class3.确定元素调试中发现,打包后的下拉列表是放在一个div中4.编写样式...原创 2019-04-10 11:09:04 · 13741 阅读 · 2 评论 -
element UI-单选(el-radio)增加取消功能
记录调试增加el-radio的取消功能1.为单选加click事件2.在方法中进行判断,同时进行逻辑处理3. 方法很简单,注意思考1)单选控件首先记录一个下标2)点击一条记录时,先获取下标,然后与先前记录的下标比较。如果值相等,则表示是第二次点击该记录,需将下标重置为初始值(代码设置初始值100,是因为每页最多10条记录);如果值不相等,则表示第一次点击该记录,需...原创 2019-04-03 16:57:28 · 5304 阅读 · 4 评论 -
vue-原生js实现文件上传
1.按钮通过ref触发input的上传功能<tk-button @click="handleUpLoad">点击上传</tk-button>(自定义标签)<input ref="inputUpLoad" style="display: none" type="file" accept="*" @change="handleFile"/>handle...原创 2019-04-24 15:00:27 · 4202 阅读 · 0 评论 -
element UI-上传文件(el-upload)
1.由于原生js实现的上传功能有些缺陷,暂时没有能力解决,所以尝试使用el-upload,直接上代码<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"(不用管) accept=".xls,.xlsx"(文件格式,逗号分隔) ...原创 2019-04-24 15:09:35 · 9838 阅读 · 3 评论 -
element UI-时间选择器(el-date-picker)
1.实现只选择年份<el-form-item label="查询年份:" label-width="82px"> <el-date-picker style="width: 140px" v-model="formResult.year" type="year" ...原创 2019-05-09 18:26:01 · 9282 阅读 · 0 评论 -
vue-实现文件下载
1.利用浏览器的导出功能window.location.href = 服务器文件路径相当于后端告诉前端文件的地址,直接使用浏览器去下载2.以流的形式下载文件查了一些资料,主要用的代码如下,原文章:入口在此基础上增加了params,以传参// 下载模板 handleExportTem () { this.btnSendTem = true ...原创 2019-05-15 14:37:03 · 65974 阅读 · 4 评论 -
element UI-文字提示(el-tooltip)
1.需求:表格中某些单元格显示一个值,当鼠标hover时显示另一个值。1)获取数据时,处理表格数据2)在单元格中添加el-tooltip原创 2019-05-13 15:52:58 · 41305 阅读 · 0 评论 -
vue-公共方法
1.创建js可以在src文件下,创建一个文件夹放公共方法js2.定义方法export default { // 方法1 testMethod1: function () { console.log('对,我只是一个测试公共方法') }, // 方法2 testMethod2: function (val) { console.log('巧了,我...原创 2019-05-17 17:06:24 · 7189 阅读 · 3 评论 -
element UI-实现table分页回显和数据收集
1)table添加:row-key@selection-change2)多选列添加:reserve-selection="true"3)data中添加相关变量4)method中添加相关方法@selection-change="handleSelectionChange"handleSelectionChange (ary) { con...原创 2019-02-15 15:22:37 · 2614 阅读 · 0 评论