vue使用自定义指令监听Dom元素宽高变化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue使用自定义指令监听Dom元素宽高变化相关的知识,希望对你有一定的参考价值。

参考技术A 最近做了一个项目,需要表格的高度跟着浏览器的高度变化,页面不会出现滚动条,并且分页器一直在浏览器的底部

表头的搜索框的高度可以伸缩,不是固定的,这就需要监听到搜索框的高度,用浏览器的高度减去搜索框的高度和分页器的高度就是表格的高度了
先自定义监听方法吧,如下:
现在组件内注册

directives方法跟data,methods方法是平级的
需要监听的组件绑定这个方法,这里是监听表头的高度

这时就已经监听到的表头的宽高变化了,就可以拿出来用了

以上是关于vue使用自定义指令监听Dom元素宽高变化的主要内容,如果未能解决你的问题,请参考以下文章

vue.js之过滤器,自定义指令,自定义键盘信息以及监听数据变化

vue.js 侦听DOM结构改变,要不要自己写一个自定义指令

Vue.js 自定义指令

vue.js自定义指令入门

Vue2.x directive自定义指令

vue中自定义指令