vue document.getElementById值为空的原因及解决方法

1.原因：
①父元素v-if
②js代码在head前，即dom元素渲染前
2.解决方法
①script标签上加defer=true的属性
②在vue中，利用this.$nextTick(()=>{
let div=document.getElementById(id)
//获取到的是数据更新后的Dom数据
}
)