摘要: 问题场景 列表页面输入查询条件,选择第3页,点击详情进入详情页,从详情页返回时,默认列表页面页码重置为1;此时想要缓存该页码,有两种方式;可按业务场景使用 方式一:用vue自带的 keep-alive组件 官方链接:keep-alive 该方式会缓存组件,组件中其他状态也会被缓存;若只想缓存分页组件 阅读全文
posted @ 2020-12-08 20:06 xingba-coder 阅读(3782) 评论(0) 推荐(0) 编辑
摘要: 一般vue项目都会对axios进行封装,后台统一规范默认让服务器对所有请求都返回成功,然后在成功的对象里面包装一层对象result,里面也包含code,msg,result信息,前端拿这个result里面的code来做判断接口是否相应成功;类似如下: const api = axios.create 阅读全文
posted @ 2020-09-02 21:28 xingba-coder 阅读(6210) 评论(0) 推荐(0) 编辑
摘要: 批量手动上传文件,和表单数据一起提交 1.在el-upload组件关键的钩子,其它省略 multiple :auto-upload = "false" :file-list = "fileList" :on-change = "selectFile" (里面是把上传的fileList传给自定义的 t 阅读全文
posted @ 2020-07-08 18:33 xingba-coder 阅读(1244) 评论(0) 推荐(0) 编辑
摘要: 问题 日期控件中,假设当前显示日期为2020-01-01,现在需要修改为2020-01-03;点开日期组件框点击选择其他日期时, 控制台有可能会报错,显示 date.getHours() is not a function 等问题 点开报错的信息中,会转到elementui.common.js文件, 阅读全文
posted @ 2020-03-24 21:22 xingba-coder 阅读(7041) 评论(0) 推荐(0) 编辑
摘要: 登陆流程 1、用户登录从后台获取 token,菜单数据 2、将token和菜单数据存入sessionStorage,token用来校验用户是否已经登录 2、将返回的菜单数据前端生成对应菜单列表 3、处理每个子菜单对应的页面和子页面权限控制 其中后台会判断用户操作是否传过来的会话ID是不是同一个,若不 阅读全文
posted @ 2020-03-23 22:46 xingba-coder 阅读(995) 评论(0) 推荐(0) 编辑
摘要: 业务场景 根据后台返回数据生成角色权限的树形结构。获取节点数据后,当父节点被勾选时,所有的子节点全部被勾选,而实际上后台并没有返回当前父节点的所有子节点的ID,所以应该只有部分子节点被勾选。 下面第一张图是一开始填充数据后的效果,而第二张图是真正想要的效果, 解决方案 这里试过在 el-tree 上 阅读全文
posted @ 2020-03-05 17:21 xingba-coder 阅读(751) 评论(0) 推荐(0) 编辑
摘要: 问题 多行文本溢出隐藏,webkit内核浏览器如谷歌支持如下写法: 而其他内核不支持,如IE和火狐,故用JS做兼容 思路 获取目标文本行高line-height,内容高度offsetHeight 假设 x 行文本溢出隐藏 内容高度除以行高大于x,则加上溢出隐藏的css类名 效果图 html代码 cs 阅读全文
posted @ 2019-07-16 20:28 xingba-coder 阅读(2914) 评论(0) 推荐(1) 编辑
摘要: 问题 使用axios请求接口时,出现了发出两次请求的情况;一个是请求OPTIONS,一个是正常的POST请求;查资料发现与跨域请求有关。 概念 MDN中有提到: 出于安全原因,浏览器限制从脚本内发起的跨源HTTP请求。 跨域资源共享标准允许在下列场景中使用跨域 HTTP 请求: 前文提到的由 XML 阅读全文
posted @ 2019-06-20 22:18 xingba-coder 阅读(4287) 评论(0) 推荐(0) 编辑
摘要: ECMAscript对象(以下简称对象): ECMA-262把对象定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。 对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。值可以是数据或函数。 每个对象都是基于一个引用类型创建的,这个引用类型可以是原生类型,也可以是开发人员定义的类型 阅读全文
posted @ 2017-10-28 14:23 xingba-coder 阅读(421) 评论(0) 推荐(0) 编辑
摘要: 如图需要获取下面两个li标签里面的数据,然后传给后台;而后台接收的数据格式是json的,所以需要把两个li里面的信息转化为以下格式的。 {recieverName:小红,recieverPhone:12341234,recieverAddress:中国湖南},{recieverName:小明,rec 阅读全文
posted @ 2017-10-17 16:18 xingba-coder 阅读(3564) 评论(0) 推荐(0) 编辑