模板字符串中,点击事件传参问题

最近在做一个地图项目的时候,要用模板字符串去写原生html,其中又有点击事件-onclick,发现传参的时候出现很多问题,就此记录一下。

 传单个数据的时候,是没什么问题,都是些原始类型数据,能解析出来,如上图;但传的如果是引用类型 ,如对象等,就会报错(item是一个对象),如下图:

 

 

也不知道其中转换出现了什么问题,去网上查了很多方法,什么转义啊,+之类的都不太有效,报各种各样的错误,后来找到一个用JSON.stringify()方法,但没用在模板字符串中,直接用也没啥作用。之后经过不断尝试,最后搞出来一种方法,终于传过去了!如下图:

 注意:这里的 onclick = view(${JSON.stringify(item)}) ' ,包裹的使用的是单引号 ' ',而不是双引号!(也不知道为啥单引号可以双引号不行......)

希望有知道的可以指点一番!以上就是解决的过程和结果了。

猜你喜欢

转载自blog.csdn.net/weixin_64482155/article/details/128867931