vue.js 在mounted，this.$nextTick中操作dom,报错是什么原因？

Question

我是用webpack构建的，在vue.js中想操作dom，按照网上的说法，我在mounted中用了this.$nextTick，在这个里面操作dom，但是却在this.$nextTick这里报错了，各位大神帮忙看一下啊

<script>
export default {
  data () {
    return {
      videoIsShow: false
    }
  },
  methods: {
    startPlay: function () {
      this.videoIsShow = true
    }
  },
  mounted: {
    this.$nextTick( function () {
      var video = docuement.getElementsByTagName("video")[0]
      console.log(video)
    })
  }
}
</script>

![图片描述][1]

Answer 1

mounted是个钩子函数

mounted () {
    XXXXX
}

Answer 2

我也遇到报的是一个警告 我在里面修改了dom的style相关属性

Answer 3

放到created鈎子函數中

Answer 4

运行到mounted钩子函数时，页面元素还没加载，所以你在nextTick里获取不到dom元素，你把方法里var video = docuement.getElementsByTagName("video")[0]这句删掉试试，一般nextTick是和watch一起用的

Answer 5

搂住解决了么？我也碰到这个问题了