Solo  当前访客:1 开始使用

布丁与画家的博客

努力改变一小部分人解决问题的方式

Ant-Design-Vue $nitication与$message全局配置

2019-08-20 07:23:22 iwh718
0  评论    0  浏览

使用ant里这两个组件需要进行全局配置:

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false;
//注入全局属性$message
import { message,notification } from 'ant-design-vue'
Vue.prototype.$message = message;
Vue.prototype.$notification = notification;
message.config({
    duration: 2,
});
new Vue({
  render: h => h(App),
}).$mount('#app')

null

在Main.js,在Vue的原型链增加这两个属性。在其他子组件里就可以通过$引用了。

this.$message.info("提交完成!")

 this.$notification.open({
                    message: '这是一条通知!',
                    description: '这是描述内容!.',
                    icon: <a-icon type="smile" style="color: #108ee9"/>,
                    onClick: () => {
                        console.log('你点击了通知');
                    },
                });

null


标题:Ant-Design-Vue $nitication与$message全局配置
作者:iwh718
地址:看看我的CSDN

web站点:骇客猫科技资讯



今日诗词
QQ交流群:914105779

标签

友链

存档

TOP