vue?this.$toast?失效問(wèn)題解決方案
更新時(shí)間：2024年03月27日 09:59:54 作者：北風(fēng)toto
這篇文章主要介紹了vue?this.$toast?失效問(wèn)題匯總,本文給大家分享完美解決方案，感興趣的朋友跟隨小編一起看看吧
一、未正確安裝或引入 Toast 組件
請(qǐng)確認(rèn)你是否已經(jīng)成功安裝并引入了 Toast 插件，比如在使用 Element UI 或其他 UI 框架提供的 Toast 功能時(shí)，需按照對(duì)應(yīng)的文檔引入和注冊(cè)。
// 以 Element UI 為例
import Vue from 'vue'
import { Toast } from 'element-ui'
Vue.use(Toast)二、路由跳轉(zhuǎn)
$toast 提示之后，立馬就路由跳轉(zhuǎn)走了，用戶會(huì)看不見(jiàn)提示
if (this.$store.getters.token) {
this.$toast("已登錄，跳轉(zhuǎn)首頁(yè)！")
this.$router.replace('/')
}解決方式，調(diào)換一下位置即可
if (this.$store.getters.token) {
this.$router.replace('/')
this.$toast("已登錄，跳轉(zhuǎn)首頁(yè)！")
}三、連續(xù)使用 $toast
因?yàn)?toast是單例的，重復(fù)使用之后，前面的會(huì)被覆蓋失效
this.$toast("提示一！")
this.$toast("提示二！")開(kāi)啟多例
Toast.allowMultiple();
到此這篇關(guān)于vue this.$toast 失效問(wèn)題匯總的文章就介紹到這了,更多相關(guān)vue this.$toast 失效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
Vue中Element的table多選表格如何實(shí)現(xiàn)單選
這篇文章主要介紹了Vue中Element的table多選表格如何實(shí)現(xiàn)單選，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了Vue中強(qiáng)制組件重新渲染的正確方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
WebStorm啟動(dòng)vue項(xiàng)目報(bào)錯(cuò)代碼:1080?throw?err解決辦法
在使用webstorm新建vue項(xiàng)目時(shí)常會(huì)遇到一些報(bào)錯(cuò),下面這篇文章主要給大家介紹了關(guān)于WebStorm啟動(dòng)vue項(xiàng)目報(bào)錯(cuò)代碼:1080?throw?err的解決辦法,文中將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
實(shí)時(shí)通信Socket?io的使用示例詳解
這篇文章主要為大家介紹了實(shí)時(shí)通信Socket?io的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
vue返回上一頁(yè)面時(shí)回到原先滾動(dòng)的位置的方法
這篇文章主要介紹了vue返回上一頁(yè)面時(shí)回到原先滾動(dòng)的位置的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
Vue echarts模擬后端數(shù)據(jù)流程詳解
在平常的項(xiàng)目中,echarts圖表我們也是使用的非常多的,通常我們從后端拿到數(shù)據(jù),需要在圖表上動(dòng)態(tài)的進(jìn)行呈現(xiàn),接下來(lái)我們就模擬從后端獲取數(shù)據(jù)然后進(jìn)行呈現(xiàn)的方法2022-09-09
Vue.js 的內(nèi)聯(lián)表達(dá)式非常方便，但它最合適的使用場(chǎng)景是簡(jiǎn)單的布爾操作或字符串拼接。這篇文章給大家介紹了Vue.js教程之計(jì)算屬性，非常不錯(cuò)，感興趣的的朋友一起看看吧2016-11-11
指令是Vue模板中最常用的一項(xiàng)功能，它帶有前綴v-，主要職責(zé)是當(dāng)其表達(dá)式的值改變時(shí)，相應(yīng)的將某些行為應(yīng)用在 DOM 上。這篇文章主要介紹了vue內(nèi)置指令詳解,需要的朋友可以參考下2018-04-04
本篇文章主要介紹了初步認(rèn)識(shí)理解Vuex，Vuex就是在一個(gè)項(xiàng)目中，提供唯一的管理數(shù)據(jù)源的倉(cāng)庫(kù),有興趣的可以了解一下2017-04-04
解決安裝arco-design-pro-vue失敗問(wèn)題
這篇文章主要為大家介紹了解決安裝arco-design-pro-vue失敗的問(wèn)題方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11