Vue+Element-ui彈窗?this.$alert?is?not?a?function問題
更新時間：2022年10月14日 09:23:53 作者：dyao23
這篇文章主要介紹了Vue+Element-ui彈窗?this.$alert?is?not?a?function問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue Element-ui彈窗 this.$alert is not a function
使用問題
Element-ui官網(wǎng)上單獨引用MessageBox的話需要在import中加入MessageBox。
但是在使用時報了this.$alert is not a function
解決辦法
在element.js中加入Vue.prototype.$XXX = MessageBox
在使用時用this. $XXX.alert
Vue element-ui 彈窗使用遇到的問題
彈窗里定義了表單使用遇到關(guān)閉彈窗再次開啟時會自動保存上一次的數(shù)據(jù)而不是重置初始數(shù)據(jù)的問題
解決代碼如下
<template>
? ? <el-form-item label>
? ? ? ? <el-button :loading="state" type="primary" @click="onSubmit('ruleForm')">保存</el-button>
? ? ? ? <el-button @click="handleClose('ruleForm')">取消</el-button>
? ? </el-form-item>
</template>
?
?
<script>
export default {
? ? methods:{ ? ? ? ?
? ? ? ? handleClose(formName) {
? ? ? ? ? ? this.$refs[formName].resetFields(); ?//這句代碼重置彈窗里定義的表單數(shù)據(jù)
? ? ? ? }
? ? }
}
</script>以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了vue中的可拖拽寬度div的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
公共Hooks封裝報表導(dǎo)出useExportExcel實現(xiàn)詳解
這篇文章主要為大家介紹了公共Hooks封裝報表導(dǎo)出useExportExcel實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)表單驗證小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
antdv的table因數(shù)據(jù)量過大導(dǎo)致的卡頓問題及解決
這篇文章主要介紹了antdv的table因數(shù)據(jù)量過大導(dǎo)致的卡頓問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了vue接入高德地圖繪制扇形，需求是有一個列表，列表的數(shù)據(jù)就是一個基站信息，包含基站的經(jīng)緯度信息和名字，基站下面又分扇區(qū)，本文通過示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了Vue+axios封裝請求實現(xiàn)前后端分離，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了用vue和node寫的簡易購物車實現(xiàn),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
vue的特點之一是組件化開發(fā)，那么問題來了，組件中的數(shù)據(jù)和方法都是獨立的，我們?nèi)绾芜M(jìn)行組件之間的交互呢。這個時候就要用到組件傳參了2022-07-07
使用websocket和Vue2中的props實時更新數(shù)據(jù)方式
這篇文章主要介紹了使用websocket和Vue2中的props實時更新數(shù)據(jù)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了解決nuxt 自定義全局方法,全局屬性,全局變量的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11