前言：这次的项目中遇到了一个需求为：提交表单实现上传图片后当加载loading超过一分钟后，提示提示网络不好，不在页面一直显示loading图标，所以用到了定时器.

如下图：

1.找到按钮绑定的点击事件@click.native="handleClick"

    <div class="addSuggset-submit">
      <button-big class="addSuggset-handle"
                  content="立即提交"
                  @click.native="handleClick" />
    </div>

2.在script中声明一个count、intervalId

  data () {
    return {
      count: 0，
      intervalId：null
    }
  }

3.再到点击方法中添加定时器，每隔1秒count增加1，再判断如果count大于20秒就提示网络错误，最后清除定时器

 handleClick () {
                this.intervalId = setInterval(() => {
                this.count += 1
                }, 1000)   

                if (this.count > 20) {
                  this.$toast("请检查您的网络!");
                   clearInterval(this.intervalId);
                   this.intervalId = null;
                   this.count = 0;
                }
            }

本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。