vue 页面拼接的html onclick事件的使用

tianyawhl

发布于 2021-07-27 15:49:26

3K0

发布于 2021-07-27 15:49:26

假如在地图的label 上有个按钮，如何触发点击事件

注意：函数动态参数外面要加个引号（下面的转义单引号），否则不能正确传递参数

let stationSerial = "s001"
let labelContent='<div style="position:absolute;width:calc(100% - 20px);bottom:-40px;"><img src='+pointerPic+' onclick="goScada(\''+stationSerial+'\')"/></div>'

需要在window上注册这个事件

<script>
import router from '@/router'
function goScada(stationSerial){
  router.push({path:"/scadaMonitor/scada",query:{stationSerial:stationSerial}})
}
window.goScada = goScada 

export default {
  data(){
    return {}
  }
}
</script>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

label