前端笔记 —— 杂记（一）

1、覆盖层不影响底部元素事件

使用pointer-events：none
应用场景：在地图上覆盖一个蒙层，但不影响地图的拖拉放大缩小功能。

2、element-ui的resize API使用

import {addResizeListener, removeResizeListener} from "element-ui/src/utils/resize-event";
resizeChange() {  //resize触发
    this.tableHeight = window.innerHeight - 360;
}
mounted() {
    addResizeListener(this.$el, this.resizeChange);
}
destroyed() {
    removeResizeListener(this.$el, this.resizeChange);
}

3、vue中滚动条保持最底部

this.$nextTick(function() {
  const el = document.getElementById('id');
  el.scrollTop = div.scrollHeight;
})

4、antd vue上传组件线上偶现跨域问题

经过调试，发现发布上线之后上传post请求会发生在options请求之前，原因未知
解决方法：对upload组件添加头文件配置改为同步请求

this.uploadHead = {
	"X-Requested-With": null,
};