Ant Modal和message在数据逻辑里面的js使用方式

Ant文档只提供给我们一些在页面中使用模态框和信息框的使用,并没有提供js的使用方式,使用下述方法可以直接使用这些弹窗:

在main.js全局引用:

import Modal from 'ant-design-vue/lib/modal/index' //引入模态

Vue.prototype.$modal = Modal;

使用方法:

this.$modal.confirm({title:'温馨提示',content:'您确定要删除本条信息吗？',okText:'确定',cancelText:'取消',
onOk:()=>{
   },
onCancel:()=>{
}});

消息框使用:

this.$message.info('你好');
this.$message.error('你好');
this.$message.info('你好');
this.$message.warn('你好');
this.$message.loading('你好');