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

曾舜晞网站是哪个公司做的电商如何从零做起

曾舜晞网站是哪个公司做的,电商如何从零做起,天通苑网站建设,天津专业做网站公司继《Vue全局指令防止重复点击(等待请求)》之后,感觉指令方式还是不太友好,而且嵌套闭包比较麻烦,于是想到了Vue的全局混入,利用混入,给组件绑定click事件。 一、实现原理 与指令方式大致一样&…

继《Vue全局指令防止重复点击(等待请求)》之后,感觉指令方式还是不太友好,而且嵌套闭包比较麻烦,于是想到了Vue的全局混入,利用混入,给组件绑定click事件。

一、实现原理

与指令方式大致一样,只不过事件方式则是利用组件的事件监听属性完成绑定,这种方式更加友好、简洁、易懂。

二、使用

<el-button type="primary" icon="el-icon-search" size="mini" @conClick="handleQuery">搜索</el-button>

三、注意事项

1. 同步和异步回调

当前方式同样支持同步和异步回调,且异步回调需闭包

同步:

handleQuery() {this.queryParams.pageNum = 1;await this.getList();
}

异步回调:

handleQuery() {return (removeDisabled) => {// 去掉组件禁用removeDisabled();}
}

四、代码

import Vue from 'vue'Vue.mixin({mounted() {// 获取组件所有的监听事件,判断有没有conClickif (this.$listeners && this.$listeners.conClick && this.$listeners.conClick instanceof Function) {// 如果有的话给对应的DOM添加click监听const el = this.$el;el.addEventListener('click', async (e) => {// 自定义点击开始DOM状态let hasCb = false;el.classList.add('is-disabled');el.disabled = true;// 执行组件绑定的事件const res = await this.$listeners.conClick();if (res instanceof Function) {// 如果获取的结果为方法,则为异步回调hasCb = true;const d = res(() => {el.disabled = false;el.classList.remove('is-disabled');})if (!(d instanceof Promise)) {hasCb = true;} else {await d;}}// 自定义点击结束DOM状态if (!hasCb) {el.disabled = false;el.classList.remove('is-disabled');}});}}
})
http://www.ds6.com.cn/news/16908.html

相关文章:

  • 做证明图片的网站百度指数电脑端查询
  • 免费php网站模板下载怎么提高百度关键词排名
  • 济南做网站比较好的免费软文推广平台
  • 网站建设费用 百度文库seo优化快排
  • 高端行业网站建设百度广告联系方式
  • 自己做网站自己做推广教程视频教程搜索引擎网址有哪些
  • 党建网站 自身建设关键词优化有哪些作用
  • 沈阳建站模板推广app赚佣金接单平台
  • 汕头网站优化哪家好福州整站优化
  • crm 在线试用惠州seo管理
  • 网站排名优化公司哪家好最有效的恶意点击
  • 成都最近爆发的传染病谷歌seo培训
  • 做报名网站seo网络培训
  • 怎么用手机黑网站品牌广告文案
  • 公司网站百度搜索的描述怎么做网站建设的系统流程图
  • 上海 网站公安备案外贸平台哪个网站最好
  • 技术支持 祥云平台 英文网站网站发布流程
  • 浙江建设人才网windows10优化软件
  • 洛阳霞光做网站宁波最好的推广平台
  • 做网站的就业前景成人零基础学电脑培训班
  • 北京网页设计模板免费seo优化
  • 徐州哪家公司做网站水平好网络营销策划书
  • 腾讯网站认证百度应用商店下载
  • 优秀个人博客网站惠州seo外包公司
  • 做海购的网站各类资源关键词
  • 苏州网站建设老板seo推广的常见目的有
  • 网站性能优化设计答案大全
  • 怎么做网站的域名解析十大app开发公司排名
  • 工信部信息备案网站首页西安seo培训机构
  • 网站制作是怎样做的乱码链接怎么用