首页 > 其他分享 >Web Component addEventListener .bind(this)的函数带参数引起的报错

Web Component addEventListener .bind(this)的函数带参数引起的报错

时间:2024-04-25 13:44:20浏览次数:32  
标签:Web moveSlide bind 参数 addEventListener 报错

 一开始这样写:    this.shadowRoot.querySelector('.prev').addEventListener('click', this.moveSlide(1).bind(this)); 报错: Uncaught TypeError: Cannot read properties of undefined (reading 'bind')        以为是前面的DOM获取不对,但是怎么改都不对,网上查询后,突然想到是否是函数moveSlide(1)的参数问题引起的问题,一试验还确实是这个问题,于是把参数去掉,改成这样,就OK了:  this.shadowRoot.querySelector('.prev').addEventListener('click', this.moveSlideR.bind(this));   参数的问题也许有其他的解决办法,各位如有知道,希望不吝赐教.

标签:Web,moveSlide,bind,参数,addEventListener,报错
From: https://www.cnblogs.com/grantgrant/p/18157556

相关文章

  • git命令下,mac环境下载依赖相关报错问题解决方案
    1.安装fundry框架curl-Lhttps://foundry.paradigm.xyz|bash2.写入环境变量source/Users/xx/.bashrc3.foundryup问题1报错:致命错误:无法访问'https://github.com/foundry-rs/forge-std解决方案:设置hosts文件:添加指定url的ip地址:140.82.112.4github.com185.1......
  • Git runner 返回报错: status=couldn't execute POST against dial tcp: lookup gitlab
    当发现Gitlab上的runner显示出runneroffline的问题时1查一下gitrunner的报错runner=xxxxstatus=couldn'texecutePOSTagainsthttps://gitlab/api/v4/jobs/request:Posthttps://gitlab/api/v4/jobs/request:dialtcp:lookupgitonx.x.x.x:53:servermisbehaving......
  • 【Web安全之机器学习】①分析邮箱数据
    Enron数据集:https://www2.aueb.gr/users/ion/data/enron-spam/Enron(安然公司)在2001年宣告破产之前,拥有约21000名雇员,曾是世界上最大的电力、天然气以及电讯公司之一,2000年披露的营业额达1010亿美元之巨。公司连续六年被财富杂志评选为“美国最具创新精神公司”,然而真正使Enron公......
  • AWS S3 Lambda Python脚本函数执行时报错AttributeError: module ‘PIL‘ has no attr
    背景代码示例如下importPILdefadd_image(self,tag,img,step):summary=Summary()bio=BytesIO()iftype(img)==str:img=PIL.Image.open(img)eliftype(img)==PIL.Image.Image:passelse:img=scipy.misc.......
  • Converge: QoE-driven Multipath Video Conferencing over WebRTC 概略
    这是一片2023sigcomm的文章。论文指出多摄像头(multiplecamera)和高分辨率(highresolution)场景下,视频会议的QoE还有提升空间,而作者将提升QoE的目光转到多路传输(multipath)上。所以总体来看这是一篇利用多路传输来优化视频会议体验的文章。常用的多路协议包括MPTCP,MPQUIC,MPRTP经过......
  • web安全-SQL注入(sqli)
    web安全-SQL注入(sqli)第一关基于报错的单引号字符型GET注入查看源码单引号,确认存在注入点:http://127.0.0.1/sqli/Less-1/?id=1'查询字段数:从1尝试到4,3没报错,4报错说明字段数为3http://127.0.0.1/sqli/Less-1/?id=1'orderby1,2,3,4--+因为这里有回显,所以使用union......
  • [MDP.BlazorCore] 快速建立跨Web、App執行的BlazorApp專案
    團隊資源受限的時候,使用Blazor開發應用系統,只需開發一份程式碼及使用一種程式語言,就同時產出Web跟App應用系統。本篇文章,紀錄使用MDP.BlazorCore所提供的樣板,快速建立跨Web、App執行的BlazorApp專案。為自己留個紀錄,也希望能幫助到有需要的開發人員。.安裝指令:dotnetnewinstal......
  • CISCN2023初赛-web复现
    Unzip       简单的软链接,都玩烂了。先创个软链接连接到/var/www/html,然后再创个同名文件夹,在这个文件夹下写马,传上去后等效在/var/www/html上写马,直接连接读flag就行了。deserbugjava审计。很显然的反序列化,bugstr传参。lib中出了hutool还有CC3.2.2,但CC自......
  • linux命令从log文件中找出404 或者500的所有报错信息?
     你可以使用grep命令结合正则表达式来找出包含"404"或"500"的所有报错信息,并显示这些行的内容。以下是示例命令:grep-E'404|500'/path/to/logfile.log这个命令会在指定的日志文件/path/to/logfile.log中查找包含"404"或"500"的所有行,并将这些行显示出来。g......
  • 使用create-react-app,配置proxy报错(options.allowedHosts[0] should be a non-empty
    ​#使用create-react-app,配置proxy报错(options.allowedHosts[0]shouldbeanon-emptystring)今天在启动项目的时候遇到一个神奇的问题,这个问题具体报错信息是:Invalidoptionsobject.DevServerhasbeeninitializedusinganoptionsobjectthatdoesnotmatchtheAP......