VUE设置定时访问

最新推荐文章于 2024-08-14 13:14:59 发布

快乐木头人

最新推荐文章于 2024-08-14 13:14:59 发布

阅读量529

点赞数

分类专栏： VUE 文章标签： VUE 定时循环

本文链接：https://blog.csdn.net/weixin_35242653/article/details/103137210

版权

VUE 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

VUE设置定时访问

1、循环执行（setInterval）

每秒持续一次query方法。

<script>
  export default {
	    data() {
		      return {
		       	 	timer: '',
		      };
	    },
	    methods: {
		       query() {
		        	console.log("测试");
		      }
	    },
	    mounted() {
	      	this.timer = setInterval(this.query, 1000);
	    },
	    beforeDestroy() {
	      	clearInterval(this.timer);
	    }
  };
</script>

2、定时执行（setTimeout）

通过setTimeout定时执行，等待一秒后执行，一般用于延时执行。

<script>
  export default {
	    data() {
	      return {
	        timer: '',
	      };
	    },
	    methods: {
	      query() {
	        	console.log("测试");
	      }
	    },
	    mounted() {
	      		this.timer = setTimeout(this.query, 1000);
	    },
	    beforeDestroy() {
	      		clearTimeout(this.timer);
	    }
  };
</script>