即使是用的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("定义函数成功")//在这里写下点击后所执行的事件
}
即可成功在打开信息窗体后,再在信息窗体中进行点击操作