zoukankan      html  css  js  c++  java
  • elementUI Message 独立引入的用法

    同理,Alert,MessageBox, Notification, 也是这样引入

    单组件单独引用:

    import { Message } from 'element-ui';
    export default {
      methods: {
        open() {
          Message.error('错误信息');
        }
      }
    }

    全局引入组件:

    // 和其他组件一样,一并引入
    import {Button, Message} from 'element-ui'
    
    // 在调用 Vue.use 前,给 Message 添加 install 方法
    Message.install = function (Vue, options) {
      Vue.prototype.$message = Message
    }
    
    // 和所有组件一样,一并进行use
    Vue.use(Button)
    Vue.use(Message)

    当然,也可以不用 Vue.use 来实现,比如直接写在 Vue 实例上:

    // 和其他组件一样,一并引入
    import {Button, Message} from 'element-ui'
    
    Vue.use(Button)
    
    // 将 Message 直接挂在 Vue 实例上
    Vue.prototype.$message = Message

    参考:

    http://www.yukapril.com/2017/07/12/vue-elementui-message.html

  • 相关阅读:
    Java学习
    Java学习
    Java学习
    Java学习
    Java学习
    Java学习
    Java学习
    Citrix 挂经思考
    eBay OA挂经反思
    roblox OA ancestor names 根据roman to int改的
  • 原文地址:https://www.cnblogs.com/wang715100018066/p/8289761.html
Copyright © 2011-2022 走看看