elementUI Message 独立引入的用法

摘要:
同样,Alert、MessageBox和Notification也引入了单独引用的单个组件:从“element ui”导入{Message};导出默认{方法:{open(){Message.error('错误消息');}}导入组件globally://Like从“element ui”//Vu导入{Button,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

免责声明:文章转载自《elementUI Message 独立引入的用法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇db2数据库基本添加删除表字段总结移动端触屏滑动事件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

[转]innerHtml,innerText,outterHtml,outterText 的区别

js中innerHTML与innerText的用法与区别 用法: Java代码 <divid="test"> <spanstyle="color:red">test1</span>test2 </div> <div id="test"> <span style...

深入理解vue的watch

深入理解vue的watch vue中的wactch可以监听到data的变化,执行定义的回调,在某些场景是很有用的,本文将深入源码揭开watch额面纱 前言 watch的使用 watch的多种使用方式 传值函数 传值数组 传值字符串 传值对象 传值对象的其他作用 源码分析watch 初始watch 创建Watcher watchWatcher 立即...

vue项目接入api接口

我们在做项目时,一切基础在于数据上面,所以接入api接口是关键。 访问接口是我们会遇到跨域,而,vue-cli给我们提供了反向代理,所以我们只需要配置一下就可以了。 在config文件中找到index.js,修改dev对象里面的proxyTable如图 然后我们在同个文件夹里面打开dev.env.js这个是生产环境配置文件,我们进行修改 再打开同文件夹...

iphone开发学习,开源之Three20

1.介绍:http://www.xiangwangfeng.com/ 2.安装:行之有效的方法     1.自动:http://www.99css.com/     2.手动:http://gaobusi.iteye.com/ 3.这个app参考了samples里的TTCatalog、TTNavigatorDemo,实现3个页面,功能:     1.Navi...

简单的方法实现仿微信底部的Tab选项卡界面

在网上看了比较多的关于Tab的教程,发现都很杂乱。比较多的用法是用TitlePagerTabStrip和ViewPaper。不过TitlePagerTabStrip有个很大的缺陷,Tab里面的内容刚进去是没有的,要滑一次才能加载出来。而且滑动的时候,Tab里面的内容位置不是固定的,滑倒最后会出现一片空白,非常不美观。虽然有其他的补救方法,但是非常的麻烦,所...

vue_相同组件,不同url跳转不重新渲染的解决方法

最近写的这个项目,有很多下拉菜单,每个菜单会有相应的两种类型。现在产品的需求是,跳转到不同的类型 需要页面重新渲染数据 那么问题来了。 我试了好几种方法,用watch监听路由去判断,但是发现输在input里面的值是不会被替换掉的 所以想到了用key 去如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用...