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

假如在地图的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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章