查看本专栏目录

关于作者

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信，一起交流。

No.推荐链接1Openlayers 【入门教程】 - 【源代码+图文 300+】 2Leaflet 【入门教程】 - 【源代码+图文示例 150+】 3Cesium 【入门教程】 - 【源代码+图文示例200+】 4MapboxGL【入门教程】 - 【源代码+图文示例150+】 5前端就业宝典 【面试题+详细答案 1000+】

文章目录

核心算法：示例效果图示例源代码

做项目时候碰到这样的一个需求: 左边列表中有4种类型，通过checkbox做选择，选择的数量的不同，决定了右侧的box的高度的不同。这里采用了ref的方法，定位到dom，进行高度的改变。

核心算法：

this.$ref.box.style.height= XXX+‘px’

示例效果图

示例源代码

/*

* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特（CSDN）

* @此源代码版权归大剑师兰特所有，可供学习或商业项目中借鉴，未经授权，不得重复地发表到博客、论坛，问答，git等公共空间或网站中。

* @Email: 2909222303@qq.com

* @weixin: gis-dajianshi

* @First published in CSDN

* @First published time: 2024-03-14

*/

好文推荐

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：