![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 55
天府五街炒河粉
老司机带带路
展开
-
一些前端规范
一些自己使用的前端规范原创 2022-06-01 16:59:23 · 176 阅读 · 0 评论 -
基于vue+element的动态表单的设计与实现(3)
动态表单的设计与实现备注:细节可能有误,主要提供思路接着上一篇,这篇主要讲解表单的三种模式。新建模式无需多说了,我们看看更新和详情模式。更新模式无非是对表单进行赋值回显;详情模式则是将表单移除,仅展示具体的内容信息;为了避免如下拉组件需要通过value去找对应的label,建议在新建/更新时,将每个单元的value,label一并保存下来。那么这样看来,更新模式也好、详情模式也罢,都是为表单注入数据。那么如何注入呢?回到form-format.jsfunction format() {原创 2022-05-25 16:53:11 · 889 阅读 · 0 评论 -
基于vue+element的动态表单的设计与实现(2)
动态表单的设计与实现设计模式字段的监听字段状态的控制备注:细节可能有误,主要提供思路接着上一篇,这篇主要讲解字段监听和控制相关内容。设计模式在这之前,需我们要对观察者模式和发布订阅模式有一定的认识。以下两张图直观的的描述了二者的区别。这里需要深入了解的话,移步度娘,相关的文章很多。字段的监听目的:在业务代码层,实时监听某个字段内容的改变。实现方案:在模板解析的完成后,为需要监听的字段注册一个回调函数,并将该字段信息及回调函数收集起来,全部分发到底层的表单单元上。在底层表单单元渲染时,判原创 2022-05-25 16:52:41 · 462 阅读 · 0 评论 -
基于vue+element的动态表单的设计与实现(1)
动态表单的设计与实现实现功能基础结构的设计代码实现备注:细节可能有误,主要提供思路实现功能目前主要实现了以下4个功能表单的可配置化;具体字段的实时监听(观察者模式);一个字段控制另一个字段的是否可编辑(发布订阅模式);支持三种模式:新建、更新、详情基础结构的设计首先定义我们需要解析的json配置,基础结构如下:[ { groupNo: "basic", groupName: "基本信息", fields: [ { compone原创 2022-05-25 16:52:15 · 2130 阅读 · 0 评论 -
vue中树状结构转行数据,并渲染成table的方法
场景: 我们现在有一个树状结构的数据,如下图:大概的数据结构如下:const tree = { value: '根节点', children: [ { value: '学校', children: [ { value: '学生', children: [ ...原创 2018-11-06 18:02:18 · 6414 阅读 · 3 评论 -
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 · 3464 阅读 · 1 评论