检测浏览器的resize事件,当按钮高度过小时就可以判定为出现这种情况,这时把按钮直接隐藏掉之类的
一、html部分
<div v-show="isOriginHei" class="newGroupRecord-bottom">
<span @click="submitSave('1')">提交</span>
<span @click="submitSave('0')">保存</span>
</div>
二、js部分
data(){
return {
isOriginHei: true,
screenHeight:
window.innnerHeight ||
document.documentElement.clientHeight ||
document.body.clientHeight,
originHeight:
window.innnerHeight ||
document.documentElement.clientHeight ||
document.body.clientHeight
}
}
mounted() {
let self = this;
window.onresize = function() {
return (function() {
self.screenHeight =
window.innnerHeight ||
document.documentElement.clientHeight ||
document.body.clientHeight;
})();
};
},
watch: {
screenHeight(val) {
if (this.originHeight != val) {
this.isOriginHei = false;
} else {
this.isOriginHei = true;
}
}
}
网友评论