u012682013的博客

工作中常常遇到将后端传过来的数据处理成树形结构的数据,特此记录一下,如有不对的地方,欢迎指出.情景描述:后端传过来的数据格式:categoryList:[{ name:'水果', parentId:'0', id:'10', isLeafe:'0' },{ name:'甜品', parentId:'0', id:'20',...

最近在学习vue,正好手上有个项目还是用jquery写的,就自己尝试将这个项目的前端用vue实现,途中遇到了动态面包屑的问题,特此记录一下,如有不对的地方,欢迎指正.需求描述:点击左侧的导航,跳转到不同的页面,并且根据导航的路径,动态生成面包屑.面包屑的数据均来自于左侧的导航.思路:1.面包屑作为一个单独的组件,在页面中引入.页面的结构如下:<template> ...

最近在用vue重写项目的时候,遇到了上传文件显示进度的问题,进过看axios文档,最终实现了此功能,意外发现文档中有取消的接口,故此又做了取消请求的功能,特此记录.如有不对的地方,欢迎指正.知识点:axios的onUploadProgress配置项,用于进度条的实现;axios的cancelToken,用于取消请求的实现详情可查看axios的文档:https://www.kancloud....

elment有实现好的tree-table组件可以用,但是自己想自己写写看,写的有点挫,但是功能都实现了,特此记录下,如有不对的地方,欢迎指正.效果图如下:可以无限级展开思路:将后端的数据处理生成树形结构,再通过深度优先算法,生成categoryList;这样就可以用table,直接v-for显示所有的类别,且对每个分类进行操作就会很方便,就跟table没有什么区别.实现代码:...

今天写表单校验,查看了一些设计模式的博文,发现好多都是采用策略模式来写的,而不是普通的if-esle-return来写的,看过策略模式之后发现,代码更简洁,复用性更强了,所以自己也动手写了一下,以此记录,留作参考,若有不对的地方,欢迎指正.假设有两个input框,一个是公司名称,一个是付款卡号,在提交表单的时候,有如下的校验规则:公司名称不能为空,且长度不能超过12;付款户名不能为空且长度不能...