第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

喵喔喔 2024-01-18 14:47:10
我學(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)于什么?我該如何解決這個問題?謝謝。抱歉英語不好
查看完整描述

1 回答

?
交互式愛情

TA貢獻(xiàn)1712條經(jīng)驗 獲得超3個贊

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



查看完整回答
反對 回復(fù) 2024-01-18
  • 1 回答
  • 0 關(guān)注
  • 181 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號