vue动态添加类名和设置宽高
1 动态设置宽高1.1 html代码<div class="box" :style="{height: scrollerHeight}"></div>1.2 在计算属性中计算高度computed: {// 滚动区高度scrollerHeight: function() {return (window.innerHeight - ...
·
1 动态设置宽高
1.1 html代码
<div class="box" :style="{height: scrollerHeight}">
</div>
1.2 在计算属性中计算高度
computed: {
// 滚动区高度
scrollerHeight: function() {
return (window.innerHeight - 46 - 50) + 'px';
}
}
2 获取vue中的元素
2.1 通过通用方法获取。如id,class等
document .getElementById(‘id名’)
2.2 vue特有的方法,通过ref
this.$refs.name
3 动态添加类
3.1 通过判断添加
<span :class="['类名',discountType==1?'类名':'']"
3.2 通过真假值添加
:class="{‘类名:条件,类名:条件’}"
<i class="circle" :class="{'notAudit':scope.row.state=='未通过','waitAudit':scope.row.state=='待审核'}"></i>
更多推荐
已为社区贡献1条内容
所有评论(0)