管理后台工具

实现功能json比对，然后点击跳转到上一个，下一个不同的地方 获取元素然后让其滚动条滚动到该元素的位置 这里踩过两个坑： document.documentElement.scrollTop = 元素

1.采用的是element上传组件，action必写 2.读取上传的组件的文本，根据自己的需要可以转换成对象JSON.parse(str) 3.安装json比对npm install --save v

根据项目需求，实现表格数据不同显示红色背景，数据新增显示绿色背景 主要是采用唯一的id去比对，for循环缓存到map里面然后对比，不同的就存进去，不用每一个数组都push，在computed里面实现。

实际开发中遇到的情况，后端的接口需要存字符串到数据库 数组回显字符串 this.list = JSON.parse(this.list) 字符串转数组 input输入时按逗号分隔转换为数组，然后转成字

首先，我们明白el-data-picker可以通过v-model绑定值，且绑定的值为数组类型，我们可以根据下标去获取(绑定的数组变量[下标])，但是获取出来的格式是这样的： 显示的文本框是这样子 这个

vue的官方文档对于数组的更新机制，做项目时发现图片是这样存储时更换图片不会实时更新 自己的项目采用的es6 的export default 有两种方式: 1.var vm=new Vue， 2.im

1.创建子组件，存放el-dialog代码，封装自己的组件，防止直接操作visible 2.父组件使用该组件

祖->父->子，可以使用prop链，不建议，比较容易乱 建议使用$attrs 祖组件、孙组件正常传值 父组件里面的子组件添加 v-bind="$attrs"，prop不用添加祖组件的值 子组件prop

先npm html2canvas jspdf 然后在utils添加htmlToPdf.js 3.main.js全局注册 import htmlToPdf from '../src/utils/html