NuxtJS / VueJS：如何知道页面是否仅在客户端呈现？

Question

[目前，我为通用nuxtjs / vuejs应用创建了html5视频播放器组件。video标签有一个自动播放属性，可以在导航到它们后开始播放视频。通常，浏览器不会在页面加载后立即执行此操作，因此被禁止。我需要在组件中使用一个变量来了解是否可以根据此信息对元素进行自动播放样式设置。换句话说：如果当前页面仅在客户端显示，则变量应为true；如果首先在服务器端显示，则应为false。

无法使用“ window.history.length”，因为刷新后也无法进行自动播放，尽管这不会影响历史记录的长度。

此外，也无法在“创建的”方法中设置变量，因为它也会在服务器端和客户端被调用。

Answer 1

只需使用：]检查它>

created(){
   if(!process.server){
      console.log("i am on the client side");
   }
}

Answer 2

在nuxt中-<client-only>组件仅在客户端呈现组件