BaiqiCMS V1.2.5 正式版

Nginx/IIS/Apache PHP5.3+ MySQL5.7+

外贸型/营销型/品牌企业网站建设首选CMS

vue created 读不出 document DOM元素问题

最近在开发VUE项目,修改显示宽度处理时,在created里面调用document报错了,原来在Vue组件的created生命周期钩子中,尝试读取document对象时因为此时Vue的虚拟DOM尚未与实际DOM进行关联,因此无法访问到document对象。

解决方法:

使用mounted钩子:mounted钩子在组件挂载到实际DOM后被调用,此时可以正常访问到document对象。

使用this.$nextTick:在created钩子中,可以使用this.$nextTick方法来确保DOM已经被渲染,然后再访问document。

示例代码:

export default {
  created() {
    this.$nextTick(() => {
      let documentElement = document.getElementById('yourElementId');
      // 你的代码逻辑
    });
  }
}
export default {
  mounted() {
    let documentElement = document.getElementById('yourElementId');
    // 你的代码逻辑
  }
}
×
BaiqiCMS官方客服

微信二维码

关闭