经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Android » 查看文章
uniapp开发解决多次点击触发事件
来源:cnblogs  作者:吕少少  时间:2020/12/14 17:02:47  对本文有异议
  1. 1.先创建一个文件交common文件在文件下面创建一个common.js文件内容如下
  2. // 处理多次点击
  3. function dianji(fn) {
  4. let that = this;
  5. if (that.onoff) {
  6. that.onoff = false;
  7. fn();
  8. setTimeout(function () {
  9. that.onoff = true;
  10. }, 1500)
  11. } else {
  12. //如果一直走else分支可能是你没有在页面的data下面挂载onoff:true,不然一直都会走else
  13. console.log("请稍后点击")
  14. }
  15. }
  16. export {
  17. dianji
  18. }
  19. 2.main.js中引入然后挂载待vue原型上这样就可以全局使用了
  20. import { dianji } from './common/common'
  21. Vue.prototype.$dianji = dianji;
  22. 3.使用的时候
  23. <view class="list-container" @click="$dianji(target)">
  24. target:就是你需要触发的函数;

 

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

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号