使用electron开发了一个应用程序,但是苦恼于当程序宽高变化时当前页面显示内容的区域没办法跟着修改高度,百度了几次没有找到方法
最后自己想到了一个比较笨的方式,利用electron 的remote模块监测程序resize事件,根据当前程序高度计算需要的内容高度
首先在页面引入remote模块
const { remote } = require('electron')
页面created时就开始计算,可以单独把计算公式放在methods中,每次resize时调用一次就可以实现
created () {
let len
remote.getCurrentWindow().on('resize', (a) => {
// 获取window窗口的高度,减去需要计算的内容以外的高度,得出内容实际高度
len = Math.floor((window.innerHeight - 255) / 41)
this.size = len
})
},
目前使用了这个很笨的方法,如果以后有了更好的方法再做优化