weixin_44082271的博客

积木报表，是一款免费的数据可视化报表，含报表和大屏设计。这里主要是讲报表的打印设计。使用前需要集成到自己项目中，集成部分请查看官网集成文档。

在后台管理项目中，一些业务Table页面需要对状态进行展示。在初学前端时，常使用的方式就是三元表达式或者if-else进行展示，但是对于状态值较多或者全局使用时，三元表达式和if-else的使用就不够简洁和不便维护了。对上述的两种方式其实可以进行做一个管理，简化代码并且方便维护。单页面使用的状态就写在当前页面即可，全局需要使用的可以新建一个文件用来管理。if-else：不同状态展示不同颜色。

var和let的区别。题目：点击页面上的钢琴键时，琴键变长。

在管理系统的开发当中，页面顶部是一个表单筛选，中间是一个表格展示数据，页面底部是一个分页器，这种页面结构出现的频率很高。在此基础上，可以增加单选多选( type=“selection”)、展开行(extend)等等…

在Vue项目文件夹public下的index.html入口文件中引入天地图JavaScript API文件。map.checkResize()方法来自适应容器，需要配合定时器使用才有效。创建一个Vue中初始化的天地图的JS文件，用于指向天地图类。

在实际开发中，经常会遇到多个页面调用同一个接口的场景。为了让代码更加简洁，我们可以使用Vuex来管理数据。下面展示一个调用接口获取字典的例子。

做项目的时候遇到需要批量下载文件的需求，于是下意识就用了循环url地址数组下载的方法，但浏览器有限制，最多下载10个。使用两个插件file-saver 和 jszip来解决此问题

记录使用elementUI的时候遇到的问题。例如：el_input无法进行输入、el-radio触发单次点击事件等。

v-model可以实现双向数据绑定。v-model本质上是语法糖，它负责监听用户的输入事件以更新数据。