如何动态设置vue组件的宽度和高度?

在组件最外层加上div
给div加上属性:style=“{ height: toggleHeight ? toggleHeight : ‘2000px’, width: toggleWidth ? toggleWidth : ‘1188px’ }”
使用js修改toggleHeight 和 toggleWidth 的值实现动态修改宽高

例在父组件中动态修改子组件的宽度
auditInformation子组件中

index父组件中

1. 使用this.$refs.mainTable.$el.offsetWidth 获取mainTable组件的宽度2. 使用this.$refs.auditInformation.toggleWidth = width + 'px' 修改auditInformation组件的宽度 使auditInformation组件和mainTable组件宽度相同3. 显示auditInformation组件

如何动态设置vue组件的宽度和高度?相关推荐

获取自定义组件的宽度和高度
在获取wpf自定义组件的宽度和高度的时候,如果直接在InitializeComponent();后面用this.Width,和this.ActualWidth会得到Nan和0,因为组件还没有被计算大小 ...
如何修改单元格的宽度html,如何在HTML中设置单元格的宽度和高度？
要设置单元格的宽度和高度,请使用CSS样式.HTML5不支持单元格的height和width属性.使用CSS属性width和height分别设置单元格的宽度和高度. 请记住,样式属性的使用会覆盖全局 ...
【微信小程序教程】动态改变view标签的宽度和高度
1.效果展示 2.关键代码 wxml文件 js文件 3.源代码获取方式百度云链接:http://pan.baidu.com/s/1eSsma9G 4.在动态改变view标签的宽度和高度的过程中有遇到 ...
代码动态设置tabLayout 导航条宽度
项目用中用到了tabLayout 切换页面,但是他下面的导航栏宽度不符合要求,于是研究了半天. 不多说直接贴代码. /** * 设置tabLayout 导航条宽度 */ public void set ...
Feathers组件的宽度或高度属性,为什么我得到的值是0
Feathers组件使用一个失效系统延迟一会儿繁重的重绘,这样你可以在一个时间内改变多个属性.如果你还没有明确地设置宽度和高度,他们会自动调整自身到一套"理想"的尺度.然而,这并 ...
excel2010设置列宽为像素_vba：如何设置excel图表的宽度和高度(以像素为单位)？...
一个看似简单的问题.但是设置ChartObject的宽度和高度或它的Shape不会这样做,它们似乎只是该白色矩形的一些内部部分,即嵌入图表. ChartArea似乎也不是我感兴趣的对象. 我想要的是在 ...
html图片的宽度和高度设置,CSS设置img图片的宽度和高度
如何使用CSS控制HTML中图片高度宽度,统一对象内图片高度宽度等样式属性? 我们在布局图片列表时,通常我们要控制img图片的高度和宽度这样来达到图片统一. 如以下这个的图片列表布局示图图片img高 ...
html设置颜色框的宽高,CSS如何怎么设置div边框颜色宽度和高度
1.首先,您需要创建一个div,对div进行添加一个class.我们利用CSS通过class来设置div的边框. 2.创建一个用于设置边框的CSS文件,对于您实际开发中,将边框添加到您的CSS文件中即 ...
css 边框太粗_CSS如何怎么设置div边框颜色宽度和高度
展开全部 1.首先,您需要创建一个div,对div进行添加一个class.我们利用CSS通过class来设置e69da5e6ba9062616964757a686964616f313333663064 ...

如何动态设置vue组件的宽度和高度?

如何动态设置vue组件的宽度和高度?相关推荐

最新文章

热门文章