vue2设置dom宽高
时间: 2023-09-17 12:07:58 浏览: 175
解决vue项目获取dom元素宽高总是不准确问题
在Vue2中,可以使用以下两种方式设置DOM元素的宽高:
1. 使用style绑定
可以使用Vue2的style绑定来设置DOM元素的宽高。例如,如果要设置一个div元素的宽为200px,高为100px,可以这样写:
```html
<div :style="{ width: '200px', height: '100px' }"></div>
```
2. 使用class绑定
可以在CSS中定义一个类,然后使用Vue2的class绑定来添加该类,从而设置DOM元素的宽高。例如,如果在CSS中定义了一个类名为"container",它的宽为200px,高为100px,可以这样写:
```html
<div :class="'container'"></div>
```
注意,在上面的写法中,类名需要用单引号包裹起来。如果要同时添加多个类名,可以使用数组的写法:
```html
<div :class="['container', 'other-class']"></div>
```
阅读全文