vue使用高德地图为信息窗体再添加点击事件

即使是用的vue,也不能使用@click为窗体添加点击事件,需要使用onclick,并且在定义了函数后,使用该函数还是会报函数未定义的错误,需要在window下添加该函数,点击时可以在原型链中找到该函数

设置信息窗体,并为信息窗体里的函数添加点击事件

 (markers as any).content = `<div>
            <div>标题</div>
            <div>日期</div>
            <div>经纬度</div>
            <div>技术员电话</div>
            <div style="width:100px;height:100px">
            <img src='${img[0]}' style="width:100px;height:100px"/>
            </div>
            <a href="${img[0]}" target='blank'>打开图片</a>
            <button style="width:100px;height:25px;border:1px solid #a0c6f2;background-color:transparent;margin-top:5px" onclick="opendata()">查看装置数据</button>
            </div>`;

 然后定义所需要的函数:

  (window as any).opendata=()=>{
   console.log("定义函数成功")//在这里写下点击后所执行的事件
  }

即可成功在打开信息窗体后,再在信息窗体中进行点击操作

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值