Question

我一直试图在pip install -r requirements.txt的nuxt应用程序中导入vue-sticky（https://github.com/rguanghui/vue-sticky）。我在default.vue的脚本标签中有此标签：

default.vue

我不断收到此错误：

<script>
import Vue from 'vue';

if (process.browser) {
  const VueSticky = require('vue-sticky');
  Vue.use(VueSticky);
  Vue.directive({
    sticky: VueSticky,
  });
}
</script>

我该如何解决？

Answer 1

使用nuxtjs插件系统来使用外部库：

创建文件plugins / vue-sticky.js：

 import Vue from 'vue'
 import VueSticky  from 'vue-sticky'
 Vue.use(VueSticky);
 Vue.directive({
   sticky: VueSticky,
 });

然后在nuxt.config.js的plugins键中添加文件路径：

export default {
  plugins: [
    { src: '~/plugins/vue-sticky', mode: 'client' }
  ]
}

现在您可以在每个组件中使用该指令。

如何解决：[Vue警告]：无法解析指令：粘滞？

1 个答案: