获取属性动态高度需要绑定 v-resize="resize"
必须写上: highlight-current-row
look_all(){
Vue.directive('resize', { // 指令的名称
bind(el, binding) { // el为绑定的元素,binding为绑定给指令的对象
let width = '',
height = '';
function isReize() {
const style = document.defaultView.getComputedStyle(el);
if (width !== style.width || height !== style.height) {
binding.value(style.width, style.height); // 关键 绑定函数
}
width = style.width;
height = style.height;
}
el.__vueSetInterval__ = setInterval(isReize, 300);
},
unbind(el) {
clearInterval(el.__vueSetInterval__);
}
})
},
resize(width, height) { // 实时监听高度和宽度的变化
this.height2 = parseInt(height.split('px')[0])+200
//获取页面可视区的高度document.documentElement.clientHeight
this.height = document.documentElement.clientHeight - this.height2
},