亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在獨立的javascript文件中制作Bootstrap-vue Toast

如何在獨立的javascript文件中制作Bootstrap-vue Toast

喵喔喔 2024-01-18 14:47:10
我學習vue.js已經有幾天了,我想制作一個顯示 Toast 的函數,閱讀官方 bootstrap-vue 文檔: https: //bootstrap-vue.org/docs/components/toast# toasts-on-demand,我能夠通過組件實例注入和自定義組件制作 toast ,但是,我想通過獨立的javascript 函數/文件制作另一個自定義 toast ,以便我可以動態調用它。這是我使用注入的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作為獨立的 js 函數/文件,并按照文檔所述導入了插件: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導入到了Cart.vue文件中,現在看起來是這樣的:<script>import customToast from "./custom-toast";export default {  methods: {    purchaseHandler() {      customToast()  },};</script>現在出現錯誤:[Vue warn]:v-on 處理程序中出現錯誤:“TypeError:無法讀取未定義的屬性 '$bvToast'”類型錯誤:無法讀取未定義的屬性“$bvToast”我知道這是超級基本的東西,它認為我可以通過在獨立的js文件中找到相當于this.$bvToast注入來解決它,但我找不到任何東西,因為我對Vue js的了解還很少,真正的問題獨立 js 文件中的this.$bvToast或任何 bootstrap-vue 注入相當于什么?我該如何解決這個問題?謝謝。抱歉英語不好
查看完整描述

1 回答

?
交互式愛情

TA貢獻1712條經驗 獲得超3個贊

你可以制作一個 mixin 文件,參見https://v2.vuejs.org/v2/guide/mixins.html。在腳本部分導入并聲明 mixin 后,您可以調用 mixin 中的函數。



查看完整回答
反對 回復 2024-01-18
  • 1 回答
  • 0 關注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號