element-ui中Message的使用

最新推荐文章于 2024-09-04 10:52:48 发布

zhangyubababa

最新推荐文章于 2024-09-04 10:52:48 发布

阅读量1.7k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/zhangyubababa/article/details/112241763

版权

前端专栏收录该内容

97 篇文章 1 订阅

订阅专栏

在这里插入图片描述

import Vue from 'vue'
import { Button,Collapse,CollapseItem,Input,Steps,Step,Carousel,CarouselItem,Message   } from 'element-ui'

Vue.use(Button)
Vue.use(Collapse)
Vue.use(CollapseItem)
Vue.use(Input)
Vue.use(Steps)
Vue.use(Step)
Vue.use(Carousel)
Vue.use(CarouselItem)

Vue.prototype.$message = Message

Vue.component(Message.name, Message)//解决默认弹出Message 提示框

在这里插入图片描述

export default {
  name: 'Login',
  components: {
    Head,
    Foot,
  },
  data() {
    return {
      bannerShow: false,
      check: 0,
      userName: '', //用户名
      passWord: '', //用户密码
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    },
    onCreate() {
      this.$router.push({ path: '/register' })
    },
    Login() {
      if (!this.userName) {
        this.$message.error('请检查用户名/手机号')
        return
      }
      if (!this.passWord) {
        this.$message.error('密码不能为空')
        return
      }

        this.$message.success('跳转')
    },
  }
  
}