vue动态添加类名和设置宽高

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>