使用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('你点击了通知');
                    },
                });

 

 

Logo

前往低代码交流专区

更多推荐