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>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐