功能描述
提交接口,点击按钮时,需要做防连点处理,
参数
data() {
return {
loading:false, // (Boolean):按钮名称前是否带 loading 图标,为true时,不能点击。
throttleTime:1000, // (String | Number):节流的时间间隔(一定时间内无论点击多少次,只会触发一次click事件),单位ms,
}
},
完整代码
<template>
<view class="index">
<u-button type="primary" @click="tag" :throttle-time="throttleTime" :loading="loading">主要按钮</u-button>
</view>
</template>
<script>
export default {
data() {
return {
loading:false,
throttleTime:1000,
}
},
methods: {
tag(){
console.log('模拟接口发送请求');
this.loading = true;
setTimeout(()=>{
console.log('成功');
this.loading = false;
},2000)
}
}
}
</script>