web前端|js教程
提交,重复,点击
web前端-js教程这个其实是一个很细节的问题。 如果我们操作一个按钮，然后在按钮点击的时候绑定事件。
android仿qq源码,设置ubuntu系统ip,淘宝免费爬虫方法,php _session,贺州seo排名lzw
事件分为两种情况：
seo网站有什么源码比较好,ubuntu打开c盘,tomcat数据库中文乱码,大型爬虫系统 架构,php修改后台首页文件,徐福Seo Boklzw
•第一种： 不操作数据型
小程序 源码 下载,ubuntu生成静态库,怎么装tomcat服务器,网络爬虫法规则,阿里云配置php环境变量,seo艺术感悟lzw
•第二种： 操作数据型
export default { name: TestButton, data: function () { return { isDisable: false } }, methods: { submit() { this.isDisable = true setTimeout(() => {this.isDisable = false }, 1000) } }, }
这里我们通过控制isDisable 来设置 disabled来控制按钮的点击和不可点击。 默认isDisable:的值为 false，按钮可以点击。 当我们点击这个按钮的时候，首先将按钮的绑定isDisable设置为true，1秒后立马将其置为false。 所以用户只能有一秒的时间去操作这个按钮。
下面给大家补充一个实例代码
vue中button多次点击重复提交的实例代码
sendComment () {this.disabled = trueif (this.text == \){this.$message({type:error,message:输入内容不能为空,})this.disabled = false}else{this.$post(/xx/xx/IdleGoodsComment,{goods_id:this.$route.params.id,content:this.text,user_id:window.uId,type:1}).then((res) => {if(res){this.getDetail()setTimeout(()=>{this.disabled=falsethis.getCommentList()this.text = \},2000)this.disabled = true}})}}
实现原理：通过计时器讲button属性更改，点击完之后讲button属性设置为disable
vue绑定button的disable属性为:disabled:’变量名’
