Javascript 未定义Nuxt.js文档（vuejs日期选择器）_Javascript_Vue.js_Datepicker_Nuxt.js

Javascript 未定义Nuxt.js文档（vuejs日期选择器）

javascript vue.js

Javascript 未定义Nuxt.js文档（vuejs日期选择器）,javascript,vue.js,datepicker,nuxt.js,Javascript,Vue.js,Datepicker,Nuxt.js,我尽了一切努力（也许）来解决这个问题，但我的小错误不断出现……（首先。我的错误- 我的“vuejs日期选择器”在第一次加载页面时运行良好。但当我重新加载时，“引用错误”会出现… 第二，我做了什么- 添加/plugins/vuejs日期选择器文件 import Vue from 'vue'; import Datepicker from 'vuejs-datepicker'; Vue.use(Datepicker); 在nuxt.config.js中添加插件：[{src:'~pl

我尽了一切努力（也许）来解决这个问题，但我的小错误不断出现……（

首先。我的错误-
我的“vuejs日期选择器”在第一次加载页面时运行良好。
但当我重新加载时，“引用错误”会出现…

第二，我做了什么-

添加/plugins/vuejs日期选择器文件

import Vue from 'vue';
import Datepicker from 'vuejs-datepicker';

Vue.use(Datepicker);

在nuxt.config.js中添加

插件：[{src:'~plugins/vuejs-datepicker'，ssr:false}]

仅在模板中使用
```
客户端
```

第三。即使这样做了-

在/plugins/vuejs日期选择器文件中，
将

Vue.use（Datepicker）

更改为

Vue.component（'vuejs-Datepicker'，Datepicker）

在vue脚本中，
更改

组件：{datepicker}

到

组件：{'datepicker'：（）=>import（'vuejs-datepicker'）}，

那么，我现在还应该做些什么呢？？
有什么想法吗？

谢谢..

这意味着vuejs datepicker在SSR上不起作用。您只需要在客户端上使用它。请看，您就快到了

这意味着vuejs日期选择器不能在SSR上工作

我也面临同样的问题，接下来我可以解决这个问题

首先，您必须安装该组件
```
npm i vuejs-datepicker
```
其次，您需要在
```
plugins
```
目录下创建一个插件文件，例如：
```
vue datepicker.js
```
，包含以下内容：
```
import Vue from 'vue'
import Datepicker from 'vuejs-datepicker'
Vue.component('date-picker', Datepicker)
```
在此步骤中，您将在从
```
vuejs datepicker
```
导入的组件上下文中注册为
```
日期选择器
```
，此名称很重要，因为您将使用此名称来代替原始的
```
日期选择器
```

下一步是在

numxt.config.js

plugins : [
          ...OthersPlugins,
           { src: '~/plugins/vue-datepicker', mode: 'client' }
          ]

这样，您将仅从客户端使用此组件

最后一步是在组件或页面中使用日期选择器作为
```
日期选择器
```
，但现在使用第二步中使用的名称
```
<date-picker ..options/>
```
您不需要在组件中导入任何内容，该
```
日期选择器现在在项目中的每个组件或页面上都可用
```


最后一步是可选的，如果要在加载日期选择器时显示任何消息，请使用仅限客户端
标记包装此日期选择器


有关更多信息，请阅读：



在我按照您的建议删除导入声明之前，无法实现此功能，谢谢