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