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