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>

 

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