ssr nuxt Instructions; 在nuxt里面这个该怎么使用啊!

[LUDA0831]

How to use in nuxt ssr 在nuxt里该怎么使用DPlayer

[dj835638078]

nuxt中能用吗？

[LUDA0831]

可以用vue-dplayer 这个vue版的,

plugins/video.js

import Vue from 'vue'
import VueDPlayer from 'vue-dplayer'
import 'vue-dplayer/dist/vue-dplayer.css'
Vue.component('DPlayer', VueDPlayer)

nuxt.config.js

plugins: [
    { src: '~/plugins/video.js', ssr: false },
  ],

组件里用 client-only 包一下就可以

<template>
  <div class="player">
    <client-only>
      <DPlayer ref="DPlayer" :options="options" @play="handlePlaying" @pause="handlePause"></DPlayer>
    </client-only>
  </div>
</template>