vue对提示框的封装

缘飞梦

于 2020-08-21 16:31:16 发布

阅读量846

点赞数

分类专栏： iview vue javascript 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_37481512/article/details/108150041

版权

本文介绍了如何在Vue项目中对提示框进行封装，并展示了如何使用Modal和Message方法。同时，文章还提及了LoadingBar加载进度条的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用Modal Message 方法如下

const root = process.env.VUE_APP_URL;
import axios from "axios";
import { Modal,Message } from "view-design";

 deleteRow(url, ids) {
    return new Promise((resolve, reject) => {
      Modal.confirm({
        title: "删除提示",
        content: "确认删除当前数据吗？",
        loading: true,
        onOk: () => {
          axios
            .post(root + url, {
              ids: ids,
            })
            .then((res) => {
              Modal.remove();
              resolve(res);
            })
            .catch((err) => {
              Modal.remove();
              Message.error('删除失败')
              reject(err);
            });
        },
      });
    });
  },

LoadingBar 加载进度条

const root = process.env.VUE_APP_URL;
import axios from "axios";
import Vue from "vue";
import ViewUI from 'view-de

最低0.47元/天解锁文章