Igiveufireworks的博客

注意: 调用方法时要用async await。

1. 进入页面，默认选中需要的节点，并展开+做出高亮效果，其他时候点击箭头图标才展开。2. input框搜索树节点。

【代码】Git本地新建分支 并将代码切换和提交到新分支上。

需求：实现图片和文件的上传，单个图片超过1M则压缩，全部文件加起来不得超过10M。

页面刷新后，store存储的信息就无法获取到，因为刷新之后，vue实例被重新加载，store被重置，所以需要用本地存储。推荐使用sesstionStorage存储，在当前浏览器窗口关闭后自动删除。

会发生冲突，隐藏不了，试将v-if改为v-show也无效。需求：根据权限和条件隐藏el-table-column。

object-fit: contain 保持图片原有尺寸比例。显示不全时： 没有设置css代码。

使用伪类::before展示表格头前的图片。

【代码】vue | RSA加密的使用。

判断文件没有上传即先进行文件上传，上传文件成功后在调用表单上传接口，否则直接调用接口上传表单。submit为element ui内部方法。表单上传接口一般传递文件id。点击上传文件按钮不立刻进行上传，而是点击提交后再调用上传接口，和表单一起提交。

使用Element UI 的 Container 布局容器和NavMenu导航菜单组件，使用router-view存放二级路由出口。根据v-for遍历菜单参数，渲染导航栏。

【代码】vue js导出文件。

toggleRowSelection用于多选表格，切换某一行的选中状态，使得点击行即可进行选择。

需求：在弹窗内部上传文件，限制传1个文件，点击上传文件按钮不会上传，点击确定键再上传。设置为false，在选取文件后不立即进行上传。js：点击确认时再调用后端上传接口。

table文字过长，最多展示3行，超出用...省略号显示，鼠标移入时用tooltip文字提示，文字没有超出3行则不用tooltip。

需要监听DatePicker是否显示，用input获得焦点时触发的focus事件（element自带）。在每切换一次年月时调用接口获取数据，传参为当前切换成的年月。并绑定4个切换按钮的click事件。

当鼠标移入DIV内部的Img或其它元素上时，内部元素的mouseover事件被触发。但是再次将鼠标移动到DIV内部的另一个内部元素时，却会发现首先被触发的是DIV的mouseout事件，紧接着才是当前这个元素的mouseover事件。当鼠标触发外层的mouseout事件时，开始计时Settimeout,一段时间后再去执行mouseout需要执行的函数；当鼠标mouseover到了内部元素上时，这时候会触发它本身以及外层的mouseover事件，这时需先清除鼠标移出事件的函数。

在本项目中, echarts是引入的一个子组件，在父组件中配置好chartOptions和automove后传给子组件。判断传入的automove为true时，则进行轮播。

注意：最外层容器需要手动设置width、height、overflow:hidden。安装vue-seamless-scroll。在main.js中引入组件。

如果需要5位有前置0的数，直接在当前数字前补5个0，再用slice方法取最后5位。