经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Android » 查看文章
uniapp开发解决多次点击触发事件
来源:cnblogs  作者:吕少少  时间:2020/12/14 17:02:47  对本文有异议
1.先创建一个文件交common文件在文件下面创建一个common.js文件内容如下

// 处理多次点击
function dianji(fn) {
    let that = this;
    if (that.onoff) {
        that.onoff = false;
        fn();
        setTimeout(function () {
            that.onoff = true;
        }, 1500)
    } else {
        //如果一直走else分支可能是你没有在页面的data下面挂载onoff:true,不然一直都会走else
        console.log("请稍后点击")
    }
}
export {
    dianji
}
2.在main.js中引入然后挂载待vue原型上这样就可以全局使用了
import { dianji } from './common/common'
Vue.prototype.$dianji = dianji;
3.使用的时候
        <view class="list-container" @click="$dianji(target)"> 
target:就是你需要触发的函数;

 

原文链接:http://www.cnblogs.com/lvxhs/p/14101749.html