vue、nuiapp 防抖

杨淮叶

已于 2023-02-10 16:00:10 修改

阅读量156

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

于 2023-02-10 15:37:18 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_51140337/article/details/128971180

该文章展示了一个Vue组件的例子，其中定义了一个初始状态为false的变量。当点击按钮时，如果变量为false，则执行后续操作；否则阻止操作。在模拟的接口返回后，变量的值会变回false，允许下一次点击。

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

看文章

定义一个变量为false

点击按钮时用if判断是否为false是则进行面的操作为true则阻止后面的操作、当接口返回后改变其变量的值

代码

<template>
	<view>
		<view @tap="button">按钮</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			status: false
		}
	},
	methods:{
		button() {
			if(this.status){
				return false;
			}
			this.status= true;
            // 模拟发送的请求
			setTimeout(()=>{
				this.status = false;
			}, 1000);
		}
	}
}
</script>