腾讯地图怎样在marker弹出的信息窗口添加点击事件? 请求大佬指教

在弹出的窗口在添加点击事件,搞了两小时没有头绪 vue项目

html代码
 <div>
        <div id="container" style="width:900px;height:450px;">
        </div>
 </div>

js代码,给模板中的button添加点击事件

TMap().then(qq => {
        var center = new qq.maps.LatLng(31.697393, 117.083008)
        var map = new qq.maps.Map(document.getElementById('container'), {
          // 地图的中心地理坐标
          center: center,
          // 初始化地图缩放级别
          zoom: 15
        })
        var infoWin = new qq.maps.InfoWindow({
          map: map
        })
        var thih = this
        for (let i = 0; i < thih.datatable.length; i++) {
          var marker = new qq.maps.Marker({
            position: new qq.maps.LatLng(thih.datatable[i].latitude, thih.datatable[i].longitude),
            map: map
          })
          marker.id = thih.datatable[i].id
          qq.maps.event.addListener(marker, 'click', function () {
            console.log(thih.datatable[i])
            infoWin.open()
            infoWin.setContent(`<div>${thih.datatable[i].address}{上班} <p>人数: ${thih.datatable[i].arriveTime} <button id='aa' style='color:red'>查看详情</button></p></div>`)
            // 提示窗位置
            infoWin.setPosition(new qq.maps.LatLng(thih.datatable[i].latitude, thih.datatable[i].longitude))
          })
        }
      })

这样子不可以吗？

<button id='aa'  onclick='alert(12)' style='color:red'>查看详情</button>

button不是有id吗 根据id加不行吗