柳河县建设局网站,WordPress广告平台主题,河北省住房建设厅网站,重庆建设工程施工安全管理网遇到一个使用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);}
}
其他框架的写法大同小异