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

中山建站服务品牌软文

news 2026/4/8 5:51:38

中山建站服务,品牌软文,凡客家具质量怎么样,做外贸做什么网站好可以设置在某个事件段内不允许重复提交；或者点击提交后设置提交flag，flag为true则不能再次提交 <template><div><h1>防止表单重复提交</h1><button click"submitForm" v-throttle>提交</button></di…

可以设置在某个事件段内不允许重复提交；或者点击提交后设置提交flag，flag为true则不能再次提交

<template><div><h1>防止表单重复提交</h1><button @click="submitForm" v-throttle>提交</button></div>
</template>
<script lang="ts">
export default {setup(props: any, ctx: any) {console.log(props, ctx);const submitForm = () => {console.log("提交表单");};return {submitForm};},directives: {throttle: {// 需要使用created事件钩子created: (el: any, binding: any) => {let throttleTime = binding.value; // 节流时间if (!throttleTime) {// 用户若不设置节流时间，则默认2sthrottleTime = 2000;}let cbFun: any;el.addEventListener("click",(event: any) => {if (!cbFun) {// 第一次执行cbFun = setTimeout(() => {cbFun = null;}, throttleTime);} else {event && event.stopImmediatePropagation();}},true);}}}
};
</script>

查看全文

http://www.hkea.cn/news/761737/