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)上單獨(dú)引用MessageBox的話需要在import中加入MessageBox。
但是在使用時報(bào)了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)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue實(shí)現(xiàn)動態(tài)創(chuàng)建和刪除數(shù)據(jù)的方法
下面小編就為大家分享一篇Vue實(shí)現(xiàn)動態(tài)創(chuàng)建和刪除數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了vue-cropper實(shí)現(xiàn)裁剪圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
vue實(shí)現(xiàn)大轉(zhuǎn)盤抽獎功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)大轉(zhuǎn)盤抽獎功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
本篇文章主要介紹了vue-cli如何引入bootstrap工具的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
本文主要介紹了element?tooltip的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
這篇文章主要介紹了解決Vite打包后直接使用瀏覽器打開,顯示空白問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue性能優(yōu)化之cdn引入vue-Router的問題
這篇文章主要介紹了vue性能優(yōu)化之cdn引入vue-Router的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue 指令實(shí)現(xiàn)按鈕級別權(quán)限管理功能
這篇文章主要介紹了Vue 指令實(shí)現(xiàn)按鈕級別權(quán)限管理功能，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細(xì)介紹了Vue3是如何實(shí)現(xiàn)加載動態(tài)菜單功能的，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)Vue有一定幫助，需要的可以參考一下2022-07-07
Vue使用wangeditor創(chuàng)建富文本編輯器的完整指南
WangEditor是一個開源的富文本編輯器,由阿里云開發(fā),它提供了一套簡潔易用的API和豐富的功能,如拖拽上傳圖片、插入表格、自定義表情等,適用于網(wǎng)頁和移動應(yīng)用中的內(nèi)容編輯場景,本文介紹了Vue使用wangeditor創(chuàng)建富文本編輯器的完整指南,需要的朋友可以參考下2024-08-08