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('你好');