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

今天遇到一个问题:初始化数组:a=[0,1,2,3,4,5,6,7];然后通过index修改数组内的值,比如修改后的数组为a=[{num:1, unitPrice:100},1,2,3,4,5,6,7];this.a[0]={num:1,unitPrice:100};当数组a发生变化时,需要计算a中的每一个num*unitPrice的和;我选择用计算属性来求这个和,赋给变量t...

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

vue3 自定义指令，监听元素的点击事件踩坑：点击一次，执行多次代码。

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

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