美文网首页
Ant Modal和message在数据逻辑里面的js使用方式

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

作者: Hasan_hs | 来源:发表于2022-05-10 17:09 被阅读0次

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

    相关文章

      网友评论

          本文标题:Ant Modal和message在数据逻辑里面的js使用方式

          本文链接:https://www.haomeiwen.com/subject/eyolurtx.html