鍍金池/ 問答/HTML/ 怎么在nuxt里使用windons對像呢?

怎么在nuxt里使用windons對像呢?

看官方文檔說的不是很清楚

回答
編輯回答
鹿惑

window 對象(API)使用,可以在 vue 其他生命周期進行訪問,例如 mounted,最好判斷是否存在在去訪問。
process.server,process.browser。等。
官網(wǎng)描述

2018年2月15日 04:04
編輯回答
舊言

最簡單的是在 mounted 鉤子中用,這個鉤子只在前端觸發(fā)

如果第三方插件必須要用到 window 對象,可以以插件的形式引入,只需要在 nuxt.config.js中將引入的對象插件設(shè)置成 ssr: false 即可。

如:

 plugins: [ { src: '~/plugins/vue-notifications', ssr: false }]

在像 asyncData fetch 等服務(wù)端和前端都生效的鉤子中,可以用 isServerisClient 來判斷鉤子是在那端執(zhí)行。

例如:

asyncData ({isServer, isClient}) {
   if (isServer) {
      // 服務(wù)端執(zhí)行的偌
   }

   if (isClient) {
     // 客戶端執(zhí)行的代碼,可以用 `window` 對象
   }
}
2017年10月20日 13:04