Spiritree Blog

分享学习中的笔记与心得

标签 Vue.js 下的文章

December 13, 2017

vue-orgchart: 可编辑,可导出JSON的树形组织图

一个对OrgChart.js封装并修改的Vue2.x组件调研最近公司有个需求,做一个可编辑的树形组织图。我第一个想到的是ECharts,可当时并没有(最近一个版本出了树图也不是组织图);然后想到了AntV G6(上手难度有点大也不是组织图);GoJS(LICENSE问题);最后找到了OrgChart,本是jQuery插件且有时间沉淀,并有二次开发的ES6版本,就是它了。感谢首先感谢daben...
November 2, 2017

教你用Vue渐进式搭建聊天室,从JavaScript=>TypeScript

前言Vue+Socket.io这个轮子已经有很多人造过了,为了不重复造轮子,我将本项目以三阶段实现(大家可以在github中的Releases查看):纯前端(Vuex)后端+前端(JavaScript)后端+前端(TypeScript)希望能给大家一个渐进学习的经验。预览地址:https://app.spiritree.me/Github地址:https://github.com/spiri...
August 27, 2017

Vue中Element UI组件库的使用心得

通过生命周期优化性能使用方法:created: axios的异步请求beforeUpdate: 2个页面使用同一个子组件异步请求获取Table数据更新页面nextTick: 更新数据后立即操作DOM(在mounted中)Table 组件的增删改Vue是一个MVVM框架,我们传统写代码是命令式编程(代表库JQuery),拿到Table这个DOM之后就是命令式对DOM增删改。而我们现在用MV...
July 15, 2017

JavaScript数组的增删改在Element table中的运用

增加:Array.prototype.push(element1...)修改和删除:Array.prototype.splice()https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/splice定义通过删除现有元素和/或添加新元素来更改一个数组的内容。语法array.s...
July 12, 2017

Object.assign()的解析与应用

最近在公司做基于Vue2+element-ui的内部系统,怎么把表单数据传到编辑的页面,ES6有个解决方案Object.assign()https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign定义:用来将所有可枚举的属性值从一个或多个源对象拷贝到目标对象。结果返...