如何正确拼接含变量的HTML字符串？解决href截断问题

你遇到的问题是拼接代码存在语法错误，导致href属性被提前截断。

错误出在event.latlng.lng的后面，你直接写了单引号，没有完成字符串拼接的闭合，使得浏览器只解析到/map/create-new?lat=就结束了href属性。

正确的拼接代码如下：

"<h2>New Launch</h2><br><a href='/map/create-new?lat='+ event.latlng.lat + '&lng=' + event.latlng.lng + '>Create</a>"

对比错误代码，这里在event.latlng.lng后面补充了+ '，让整个href的属性值能完整拼接，确保lat和lng的参数都被正确包含到链接里。

如果你的运行环境支持ES6模板字符串，也可以用更简洁且不易出错的写法（同样符合第三方组件的字符串格式要求）：

`<h2>New Launch</h2><br><a href='/map/create-new?lat=${event.latlng.lat}&lng=${event.latlng.lng}'>Create</a>`

模板字符串用反引号包裹，变量直接用${}嵌入，避免了引号拼接的语法问题。

内容的提问来源于stack exchange，提问作者mcool