- 在组件最外层加上div
- 给div加上属性:style=“{ height: toggleHeight ? toggleHeight : ‘2000px’, width: toggleWidth ? toggleWidth : ‘1188px’ }”
- 使用js修改toggleHeight 和 toggleWidth 的值 实现动态修改宽高
例 在父组件中动态修改子组件的宽度
auditInformation子组件中
index父组件中文章来源:https://www.toymoban.com/news/detail-533145.html
1. 使用this.$refs.mainTable.$el.offsetWidth 获取mainTable组件的宽度
2. 使用this.$refs.auditInformation.toggleWidth = width + 'px' 修改auditInformation组件的宽度 使auditInformation组件和mainTable组件宽度相同
3. 显示auditInformation组件
文章来源地址https://www.toymoban.com/news/detail-533145.html
到了这里,关于如何动态设置vue组件的宽度和高度?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!