解决nuxt3子路由router-view中出现的document not defined错误

2023-12-15 22:47:58

之前讲过几种解决document not defined错误的方法，但是今天碰到一种新情况：

就是访问根路由/ , 然后再跳转到子路由没有问题:

但是如果直接访问子路由时router-view会报这个错误。

?我怀疑原因是： 直接访问子路由时，有可能dom树还没有挂载好，所以找不到document对象。

网上讲了个什么onMounted等待方法，试了一下不管用，然后自己试验找到了办法：

解决办法： 在出现这个错误的组件里面的script标签内部： 将所有涉及到业务逻辑的js代码通过if(process.client) {} 包裹起来

就像下面这样：?

我这里使用的是script标签，所以是把setup函数里面的代码，全部用if(process.client) {} 包裹起来， 然后问题就解决了

文章来源:https://blog.csdn.net/jiaohuizhuang6019/article/details/135025451
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。