vue 通过ref 给dom设置高度不起作用？

Question

<el-col :span="7" ref="wrap"><div></div></el-col>

mounted () {    let height =document.body.clientHeight
    console.log(height)
    console.log(this.$refs.wrap)
    // this.$refs.wrap.style.height = height
  }

输出的this.$refs.wrap，并不是一个dom,不知是哪里出了问题？

Answer 1

$refs.wrap 拿到的是一个VUE组件，并不是一个DOM。如果想要手动操作DOM，在组件内给节点一个ID，比如el-col上给一个ID，然后用this.$el.querySelector(#ID)拿到来进行操作。