由nuxt生成的静态站点上未加载Vue插件
由nuxt生成的静态站点上未加载Vue插件
提问于 2021-01-16 01:23:14
在我的nuxt.js项目中，我使用了一个名为vue-tailwind的Vue库中的组件。
我以这种方式将库作为插件导入(根据作者的建议)：
/plugins/vue-tailwind.js wind.js
import Vue from 'vue'
import VueTailwind from 'vue-tailwind'
Vue.use(VueTailwind)/nuxt.config.js
plugins: ['~plugins/vue-tailwind']并且该组件在开发过程中可以完美地工作。
我的问题是，当我使用生成的应用程序时，组件不会呈现
nuxt generate我已经尝试过这样加载插件了：
{ src: '~plugins/vue-tailwind', mode: 'client' }并尝试将组件放在仅供客户端使用的标记之间
<client-only>
<t-datepicker
v-model="date"
:max-date="today"
placeholder="Select a date"
date-format="Y-m-d"
user-format="d-M-Y"
/>
</client-only>回答 1
Stack Overflow用户
回答已采纳
发布于 2021-01-19 04:27:26
经过几次尝试，我明白了组件必须在插件中注册。Vue.use在生成的代码中不起作用。
我的最终工作代码如下：
/plugins/vue-tailwind.js wind.js
import Vue from 'vue'
import { TDatepicker } from 'vue-tailwind/dist/components';
Vue.component('t-datepicker', TDatepicker)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65740711
复制相关文章
相似问题
腾讯云开发者
