当前位置: 首页 > news >正文

嘉兴seo网站优化seo资料站

嘉兴seo网站优化,seo资料站,wordpress模板 论坛,做消费金融网站需求 当前需求是由于部分按钮操作的执行时间过长,因此添加遮罩层,防止用户误操作。 实现方式 在请求接口时创建遮罩层,并将遮罩层保存为全局唯一,请求成功或失败时,关闭遮罩层即可,切记,请求…

需求

当前需求是由于部分按钮操作的执行时间过长,因此添加遮罩层,防止用户误操作。

实现方式

在请求接口时创建遮罩层,并将遮罩层保存为全局唯一,请求成功或失败时,关闭遮罩层即可,切记,请求失败时一定要记得关闭。

公共方法

遮罩层的样式可自定义修改

// loading.js

import { Loading } from 'element-ui';

import store from '@/store/index.js';

/**

 * 展示遮罩层

 * @param {*} text 遮罩层显示的文本信息

 */

export const showLoading = (text) => {

    // 先进行关闭

    hideLoading()

    // 创建遮罩层

    let loadingInstance = Loading.service(

        {

            text : text,

            lock: true,

            spinner: 'el-icon-loading',

            background: 'rgba(0, 0, 0, 0.7)'

        }

    );

    // 定义全局

    store.commit("SET_LOADING_INSTANCE", loadingInstance);

}

/**

 * 隐藏遮罩层

 */

export const hideLoading = () => {

    // 隐藏 loading 的逻辑

    let loadingInstance = store.getters.loadingInstance

    if (loadingInstance && loadingInstance != null) {

        loadingInstance.close();

        store.commit("SET_LOADING_INSTANCE", null);

    }

}

调用方式

import  {showLoading, hideLoading} from "@/util/loading";

      // 在需要的地方去调用

      // 弹出遮罩层

        showLoading("loading")

        发送请求.then(res =>{

          this.$message({

            type: "success",

            message: res.data.msg

          });

          hideLoading()

          // 刷新界面

          this.handleRefresh()

        })

http://www.fp688.cn/news/146400.html

相关文章:

  • 卢湾做网站公司seo岗位职责
  • 广东省高校质量工程建设网站搜索引擎营销的方法包括
  • 做口腔科网站黑科技引流推广神器免费
  • 网站推广seo优化怎么做外链
  • 怎么建设菠菜网站真实的优化排名
  • wordpress 复制文章网络优化软件
  • 4秒网站建设无锡网站建设
  • 专业性网站 ip广州疫情今天最新消息
  • 南宁做网站公司必荐云尚网络seo确定关键词
  • 深圳做网站排名哪家专业手机版百度入口
  • 在网上做兼职美工有哪些网站品牌运营策略有哪些
  • 建设中学校园网站的来源武汉全网推广
  • 敦煌做网站的公司电话专业的推广公司
  • 一个网站怎么做镜像站优化方案怎么写
  • 做旅游网站的开题报告谷歌浏览器官网
  • 怎么样做网站seo网站查询工具
  • html手机网站模板百度后台管理
  • 最新汽油价格调整最新消息seo公司推荐推广平台
  • 怎么做网站二维码班级优化大师简介
  • 想做网站去哪里做泰安短视频seo
  • 深圳做网站的公司 cheungdom厦门人才网官网招聘信息网
  • 网站怎么做关键词优化关键词优化排名软件流量词
  • 罗湖建设网站浙江网站建设营销
  • 网站建设 英文怎么说sem管理工具
  • 网站怎么添加百度地图市场营销策划公司排名
  • 邢台做网站咨询google竞价推广
  • 网站建设工作室wp主题模板下载百度手机助手
  • 网站开发需要几个人seo网站优化推广怎么样
  • 建网站需要哪些步骤自助友链平台
  • 大家都用哪个网站做读书笔记百度教育网站