在Vue项目中,如果懒得写class属性,想直接将属性写在style上(我知道这不是一个好习惯)要怎么操作呢?

官方实例

<!-- style 绑定 -->
<div :style="{ fontSize: size + 'px' }"></div>

的确,上面那样的写法确实能绑定,可是当属性为min-height

<!-- style 绑定 -->
<div :style="{ min-height: size + 'px' }"></div> // 编译不通过

会出现问题

这是因为中间有一个 - 但是你可以这么操作

<!-- style 绑定 -->
<div :style="{ 'min-height': size + 'px' }"></div> // 通过
Logo

前往低代码交流专区

更多推荐