正文内容过长时,超过4行隐藏,点击全部展开,可视高度(可见高度)offsetHeight的获取和监听变化_无围之解的博客-CSDN博客
核心逻辑代码
mounted() {
this.$nextTick(() => {
this.h1 = this.$refs.div11.offsetHeight;
});
},
h2= 固定四行文本内容的高度
h2大家可以用f12然后查看元素一行的高度,乘以4就是四行高度,你想要 几行,就有几行的高度
h1和h2对比,展示或者隐藏就可以了。
-------------------------------------------------------
以下是我整理的完整本,供新手使用,保姆级别的使用,不用你多想,思路我都整理好了