Ant-Design-Vue $nitication与$message全局配置
使用ant里这两个组件需要进行全局配置:import Vue from 'vue'import App from './App.vue'Vue.config.productionTip = false;//注入全局属性$messageimport { message,notification } from 'ant-design-vue'Vue.prototype.$messa...
·
使用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')
在Main.js,在Vue的原型链增加这两个属性。在其他子组件里就可以通过$引用了。
this.$message.info("提交完成!")
this.$notification.open({
message: '这是一条通知!',
description: '这是描述内容!.',
icon: <a-icon type="smile" style="color: #108ee9"/>,
onClick: () => {
console.log('你点击了通知');
},
});
更多推荐
已为社区贡献3条内容
所有评论(0)