fullscreen实现:
//单击事件
toggleFullScreen(isFullscreen) {
const vm = this;
vm.isFullscreen = isFullscreen;
if (vm.map) {
vm.map.toggleFullscreen({
pseudoFullscreen: true
});
}
},
//默认加载
initLeafletFullScreenPlugin() {
const vm = this;
if (vm.map) {
vm.map.on("fullscreenchange", () => {
vm.isFullscreen = vm.map.isFullscreen();
if (vm.isFullscreen) {
vm.$message.info("按 【ESC键】 可退出全屏模式");
$("body").addClass("fullscreen");
} else {
$("body").removeClass("fullscreen");
}
});
}
/** ESC 退出全屏 */
const docKeyDownHandler = e => {
const { keyCode } = e;
if (keyCode == 27 && vm.isFullscreen) {
vm.toggleFullScreen();
}
};
document.addEventListener("keydown", docKeyDownHandler, false);
vm.$options["beforeDestroy"].push(() => {
document.removeEventListener("keydown", docKeyDownHandler);
});
},
element控件中部分小窗口遮挡处理方法:
el-dialog :modal-append-to-body="false"
el-select :popper-append-to-body="false"
el-date-picker :append-to-body="false"
参考:
https://blog.csdn.net/ProgramarQin/article/details/102727690
https://github.com/ElemeFE/element/issues/12872
本文地址:https://blog.csdn.net/u014182690/article/details/107387386
如对本文有疑问, 点击进行留言回复!!
asp.net core 连接 docker apollo 获取不到数据,返回null
asp.net中ajax和一般处理程序(handler.ashx)的交互
egg.js创建项目,目录介绍,简单使用,sequelize mysql使用
网友评论