vue异步加载dom元素之后无法获得的解决

this.$nextTick(function() {
        let grids = _that.$refs.datamessage;
        console.log(grids);
        for (let i = 0; i < grids.length; i++) {
          let xb = grids[i].getAttribute("index");
          //alert(xb);
          if (_that.value.indexOf(xb) != -1) {
            grids[i].setAttribute("ifSelect", "true");
            grids[i].style.backgroundColor = "#b3d8ff";
            grids[i].style.color = "#409eff";
          }
        }
      });

<el-dialog
      :visible.sync="dialogVisible"
      ref="dialog"
      @opened="dialogOpened"
    >

  dialogOpened() {
      this.$nextTick(() => {
        setTimeout(() => {
          let scrollContent = document.getElementById("scrollContent");
          if (scrollContent) {
            scrollContent.addEventListener("scroll", this.onScroll);
            console.log("获取到滚动节点----");
          } else {
            console.log("未获取到滚动节点====");
          }
        });
      });
    }

    <el-dialog ref="dialog"  @opened="dialogOpened">
        <div ref="innerContent"></div>
    </el-dialog>

computed:{
    getInnerDom(){
        //此时之只能获取到dialog
        console.log(this.$refs)
        return this.$refs.innerContent
    }
}
methods:{
    dialogOpened(){
        //此时可以获取到内容节点
        console.log(this.getInnerDom)
    }
}