Vue+Element-ui弹窗 this.$alert is not a function问题
目录
Vue Element-ui弹窗 this.$alert is not a function
使用问题
解决办法
Vue element-ui 弹窗使用遇到的问题
解决代码如下
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
弹窗里定义了表单使用遇到关闭弹窗再次开启时会自动保存上一次的数据而不是重置初始数据的问题
解决代码如下<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(); //这句代码重置弹窗里定义的表单数据
}
}
}
</script>
以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Rochelle
2021-07-30
Faith
2020-06-27
Edda
2021-01-12
Claire
2021-05-21
Abbie
2023-07-20
Yvonne
2023-07-20
Rasine
2023-07-20
Tina
2023-07-20
Kande
2023-07-20
Flower
2023-07-20
Heather
2023-07-20
Tertia
2023-07-20
Fredrica
2023-07-20
Katherine
2023-07-20
Genet
2023-07-20
Orianna
2023-07-20
Ora
2023-07-20