vue系列---【vue項目如何使用element-ui的彈框提示?】


需求:vue項目如何使用element-ui的彈框提示?

1.現在element.js中引入Message,並全局注冊到Vue對象中;使用方法為:this.$message

import Vue from 'vue'
import { Button, Form, FormItem, Input, Message } from 'element-ui'

Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.prototype.$message = Message
//methods中的一個方法
login () { this.$refs.loginFormRef.validate(valid => { console.log(valid) if (!valid) return this.$message.error('登陸失敗!') this.$message.success('登陸成功!') }) }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM