Vue 绑定 style
在Vue项目中,如果懒得写class属性,想直接将属性写在style上(我知道这不是一个好习惯)要怎么操作呢?官方实例<!-- style 绑定 --><div :style="{ fontSize: size + 'px' }"></div>坑的确,上面那样的写法确实能绑定,可是当属性为min-height<!-- style 绑定 --><div :style="{ min-height:
·
在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> // 通过
更多推荐
已为社区贡献1条内容
所有评论(0)