IVIEW实现遮罩

因为左边表格右边操作的原因在新增的时候表格时候需要将左边内容遮罩

在table后面加上

  <div id="mask" ref="mask" >

  </div>

样式

  #mask{
    width: 100%;
    opacity: 0.6;
    background-color: gainsboro;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 998;
  }

新增的时候修改div宽高

 this.$refs.mask.style.height = document.getElementsByClassName('ivu-table')[0].clientHeight + 'px'
 this.$refs.mask.style.width = document.getElementsByClassName('ivu-table')[0].clientWidth + 'px'