如何使用vue-toastification
如何使用vue-toastification
提问于 2022-12-03 15:05:31
我刚刚将vue 3中创建的项目迁移到nuxt 3，之前我使用了vue-toastification模块，但现在我不知道如何正确导入它。我的代码使用这个模块。
import { useToast, POSITION } from 'vue-toastification'
const toast = useToast()
export default {
methods: {
copy(text) {
toast.success('Copied!', {
timeout: 2000,
position: POSITION.BOTTOM_CENTER,
})
navigator.clipboard.writeText(text)
}
}
}在Vue中，我不得不执行app.use(Toast)，但是Nuxt没有index.js文件。在modules: ['vue-toastification/nuxt']中添加nuxt.config.js不起作用，因为我得到了一个错误。
回答 1
Stack Overflow用户
发布于 2022-12-04 18:00:48
如果您希望它在全球范围内可用，您可以将其作为在官方文件中解释或此其他答案中的Nuxt插件安装。
vue-toastification可能只是一个客户端插件，因此您可能希望像这样使用它作为/plugins/vue-toastificaton.client.js。
import { defineNuxtPlugin } from '#app'
import Toast from "vue-toastification"
import "vue-toastification/dist/index.css" // if needed
export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp.use(Toast)
})然后，您应该能够使用组合API或Options (我认为)在组件中使用它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74667905
复制相关文章
相似问题
腾讯云开发者
