网站建设明细报价表仅供参考,如何搜索关键词热度,简单网页制作成品免费下载,简单的网页设计网站遇到一个使用js es6的模板字符串进行事件绑定和传参的问题#xff0c;这个问题的引起是因为使用innerHTML插入了一大串html并进行事件的绑定和传参。
以react为例#xff0c;写一个demo记录一下 模板字符串中写方法的话需要用onclick来定义#xff0c;传参需要这么写${char…遇到一个使用js es6的模板字符串进行事件绑定和传参的问题这个问题的引起是因为使用innerHTML插入了一大串html并进行事件的绑定和传参。
以react为例写一个demo记录一下 模板字符串中写方法的话需要用onclick来定义传参需要这么写${char}并且用字符串包裹中否则会提示未定义的变量如下
span stylebackground-color: #a2efe6; cursor: pointer onclickonHandleClick(${char}) ${char}/span
然后需要把这个方法挂载到window下才可以执行到如下
useEffect(() {init();
}, [])const init () {(window as any).onHandleClick (e) {console.log(onHandleClick,e);}
}
其他框架的写法大同小异
