我學(xué)習(xí)vue.js已經(jīng)有幾天了,我想制作一個顯示 Toast 的函數(shù),閱讀官方 bootstrap-vue 文檔: https: //bootstrap-vue.org/docs/components/toast# toasts-on-demand,我能夠通過組件實例注入和自定義組件制作 toast ,但是,我想通過獨(dú)立的javascript 函數(shù)/文件制作另一個自定義 toast ,以便我可以動態(tài)調(diào)用它。這是我使用注入的Cart.vue代碼:<script>export default { methods: { purchaseHandler() { this.$bvToast.toast('The item added to your cart', { title: 'Notification', variant: 'succes', solid: true }) }, },};</script>但是,我制作了一個custom-toast.js作為獨(dú)立的 js 函數(shù)/文件,并按照文檔所述導(dǎo)入了插件:import Vue from 'vue'import { ToastPlugin } from 'bootstrap-vue'Vue.use(ToastPlugin)export default () => { this.$bvToast.toast('Toast body content', { title: 'Toast test', variant: 'succes', solid: true })}我將custom-toast.js導(dǎo)入到了Cart.vue文件中,現(xiàn)在看起來是這樣的:<script>import customToast from "./custom-toast";export default { methods: { purchaseHandler() { customToast() },};</script>現(xiàn)在出現(xiàn)錯誤:[Vue warn]:v-on 處理程序中出現(xiàn)錯誤:“TypeError:無法讀取未定義的屬性 '$bvToast'”類型錯誤:無法讀取未定義的屬性“$bvToast”我知道這是超級基本的東西,它認(rèn)為我可以通過在獨(dú)立的js文件中找到相當(dāng)于this.$bvToast注入來解決它,但我找不到任何東西,因為我對Vue js的了解還很少,真正的問題獨(dú)立 js 文件中的this.$bvToast或任何 bootstrap-vue 注入相當(dāng)于什么?我該如何解決這個問題?謝謝。抱歉英語不好
如何在獨(dú)立的javascript文件中制作Bootstrap-vue Toast
喵喔喔
2024-01-18 14:47:10