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

原创
07/24 10:19
阅读数 211

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

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部