- 博客(14)
- 收藏
- 关注
原创 基于vue+element的动态表单的设计与实现(3)
动态表单的设计与实现备注:细节可能有误,主要提供思路接着上一篇,这篇主要讲解表单的三种模式。新建模式无需多说了,我们看看更新和详情模式。更新模式无非是对表单进行赋值回显;详情模式则是将表单移除,仅展示具体的内容信息;为了避免如下拉组件需要通过value去找对应的label,建议在新建/更新时,将每个单元的value,label一并保存下来。那么这样看来,更新模式也好、详情模式也罢,都是为表单注入数据。那么如何注入呢?回到form-format.jsfunction format() {
2022-05-25 16:53:11
919
原创 基于vue+element的动态表单的设计与实现(2)
动态表单的设计与实现设计模式字段的监听字段状态的控制备注:细节可能有误,主要提供思路接着上一篇,这篇主要讲解字段监听和控制相关内容。设计模式在这之前,需我们要对观察者模式和发布订阅模式有一定的认识。以下两张图直观的的描述了二者的区别。这里需要深入了解的话,移步度娘,相关的文章很多。字段的监听目的:在业务代码层,实时监听某个字段内容的改变。实现方案:在模板解析的完成后,为需要监听的字段注册一个回调函数,并将该字段信息及回调函数收集起来,全部分发到底层的表单单元上。在底层表单单元渲染时,判
2022-05-25 16:52:41
504
原创 基于vue+element的动态表单的设计与实现(1)
动态表单的设计与实现实现功能基础结构的设计代码实现备注:细节可能有误,主要提供思路实现功能目前主要实现了以下4个功能表单的可配置化;具体字段的实时监听(观察者模式);一个字段控制另一个字段的是否可编辑(发布订阅模式);支持三种模式:新建、更新、详情基础结构的设计首先定义我们需要解析的json配置,基础结构如下:[ { groupNo: "basic", groupName: "基本信息", fields: [ { compone
2022-05-25 16:52:15
2267
原创 svn 强制解锁的解决办法
今天更新svn,再没有提交代码的情况下,莫名其妙锁住了服务器上好几百个文件。使用clean up并没有用,在此记录下解决办法。在项目根目录下右键,选择get lock, 然后选中左下角select、steal the locks,点击确认等待完成后右键选择release lock...
2020-05-26 16:53:26
1347
原创 echarts双轴轴线不对齐的解决办法
背景:当设置双轴的时候,轴线的刻度数量、间距均由echart内部自动计算,导致两边的轴线大概率下不会对齐,如下图所示:查询echarts配置文档,发现以下属性:min: 坐标轴刻度最小值max: 坐标轴刻度最大值splitNumber:坐标轴的分割段数interval:强制设置坐标轴分割间隔OK,我们根据业务数据,定制化的计算相关属性值即可。options.yAxis.forEach((y, index) => { // leftMax, rightMax的值,请自行根据自身数据
2020-05-19 11:35:21
2803
原创 vue keep-alive与mapState的填坑记录
keep-alive与mapstate的填坑记录最近在用keep-alive配合vuex做缓存处理。发现在某些场景下,keep-alive设置的include不会立即生效,但是include的值确实已经改变。具体的原因如下。在router.beforeEach中dispatch关于keep-alive的action,在action中根据路由对state中的include动态增删。然后在相应的页...
2020-04-30 10:27:44
376
转载 http协议(三、请求头、响应头字段)
原作者: 留七七, 地址:http://www.jianshu.com/p/6e86903d74f7常用标准请求头字段Accept 设置接受的内容类型Accept: text/plainAccept-Charset 设置接受的字符编码Accept-Charset: utf-8Accept-Encoding 设置接受的编码格式Accept-Encoding: g...
2019-03-28 14:50:07
1040
原创 http协议(二、报文格式)
一、请求报文 一个HTTP请求报文由请求行(request line)、请求头部(header)、空行和请求数据4个部分组成,下图给出了请求报文的一般格式。请求报文请求报文实例1. 请求行 请求行由方法字段、URL 字段 和HTTP 协议版本字段 3 个部分组成,他们之间使用空格隔开。常用的 HTTP 请求方法有 HEAD、GET、POST...
2019-03-26 13:56:44
489
原创 http协议(一、基础部分)
前言:http协议学习、总结及回顾一、简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。 HTTP...
2019-03-25 13:27:33
257
原创 axios的封装与异常处理(async/await)
众所周知,es新增了promise,避免了回调地狱。而es7的async/await更加完美的将异步实现为同步代码。更多关于promise,async/await,推荐:阮一峰在vue项目中,http请求我们更多用到的是axios,如果不进行封装,那么在业务代码中的每次请求都需要重复大量的axios请求代码,下面以get方法为例进行初步的封装,新建http.js如下:import axios...
2018-12-29 13:15:42
3500
1
原创 vue中树状结构转行数据,并渲染成table的方法
场景: 我们现在有一个树状结构的数据,如下图:大概的数据结构如下:const tree = { value: '根节点', children: [ { value: '学校', children: [ { value: '学生', children: [ ...
2018-11-06 18:02:18
6493
3
原创 echarts tooltip超出容器被遮挡的解决办法
echarts tooltip超出容器被遮挡的解决办法 最近项目中使用到echarts。由于数据的分类较多,导致tooltip超出容器,且被周围的其他dom所遮挡。网上找了一圈发现很多朋友说配置其中的confine: true, 然而该配置只是将tooltip限制在该容器内。当分类信息过多时,该配置并不能解决遮挡的问题, 如下:没办法,查阅echarts官方文档后,发现tooltip...
2018-10-26 10:40:02
25491
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人