Nuxt.js文档未定义（vuejs-datepicker）

Question

---

[我竭尽全力解决了这个问题，但我的小错误不断出现....：（

---

首先。我的错误-第一次加载页面时，我的“ vuejs-datepicker”效果很好。但是，当我重新加载它时，“参考错误”出现...my error screen

---

第二。我做了什么-

• 添加/ plugins / vuejs-datepicker文件

  import Vue from 'vue';
  import Datepicker from 'vuejs-datepicker';
  
  Vue.use(Datepicker);
  

• 在nuxt.config.js中添加plugins : [{ src: '~plugins/vuejs-datepicker', ssr: false }]

• 在模板中使用client-only

  <client-only>
    <datepicker :inline="true"></datepicker>
  </client-only>

---

第三。甚至做到了-

• 在/ plugins / vuejs-datepicker文件中，将Vue.use(Datepicker)更改为Vue.component('vuejs-datepicker',DatePicker)
• 在Vue脚本中，变更components: {datepicker}到components: {'datepicker': () => import('vuejs-datepicker')},

---

所以，我现在还应该做什么？有任何想法吗？谢谢..

Answer 1

这意味着vuejs-datepicker在SSR上不起作用。您只需要在客户端上使用它。参见https://nuxtjs.org/api/components-client-only/和https://nuxtjs.org/guide/plugins/#client-side-only