在mapboxgl标记弹出窗口中添加可点击的div

Question

嗨，我想添加一个可点击的div MapBoxGLmarker弹出窗口 我已经尝试过这种方法，但是它不起作用

  const popup = new mapboxgl.Popup({ offset: 25 }).setHTML(
          `
    <div class="mappopupdiv">
      <div > <span class="popuplabel">Well</span> 
      <span> : </span>
      </div>
      <div > <span class="popuplabel">Country</span> 
      <span> : ${country}</span> 
      </div>
      <div > <span class="popuplabel">Lattitude</span>
      <span> : ${lattitude}</span>
      </div>        
      <div > <span class="popuplabel">Longitude</span>         
      <span> : ${longitude}</span>
      </div>
     '<div @click="clickhere()" id="view-full">View Full </div>'
    </div>
`
        );
       
        const marklocation = new mapboxgl.Marker(el)
          .setLngLat([longitude, lattitude])
          .addTo(this.map)
          .setPopup(popup);

但是这行不通吗，对此有任何想法吗？谢谢