获取不到v-html里面的dom

Question

通过Axios发送请求，将从后台得到的文章用v-html渲染出来。想要获取里面的dom，但是不成功。

用console能打印出this.$refs.html的内容，但是就是获取不到里面的dom。加了两个setTimeout，有时能获取到，但有时候又不可以。想问一下有什么好的解决办法？

Answer 1

在watch里面监听mdContent的变化，亲测有效。

  watch: {
    mdContent: function () {
      const template = this.$refs.html
      this.$nextTick(() => {
        const p = template.querySelector('.markdown-body p')
        console.log(p)
      })
    }
  }

Answer 2

从body里面找markdown-body,在找p,你试下,我记得这样能找到