Vue 页面渲染完成后获取元素并修改其CSS样式

1. 将所要获取的元素加入ref属性

<div slot="header" class="clearfix" ref="clearFix">
</div>

2.获取元素对象，并修改样式

methods: {
  changeStyle: function () {
    let headerElem = this.$refs.clearFix.parentNode
    headerElem.style.padding = '0px'
    headerElem.style.minHeight = '0px'
    headerElem.style.backgroundColor = '#008065'
  },
}

3.调用

mounted() {
    this.changeStyle()
},