vue项目中Leaflet popup标牌自定义点击事件，并传递参数

ZHANGF13

于 2021-12-10 11:04:45 发布

阅读量2.5k

点赞数

分类专栏：前端文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/ZHANGF13/article/details/121850840

版权

在Vue.js项目中使用Leaflet地图，遇到点击popup标牌时事件无法响应的问题。通过解析，找到了为popup按钮绑定自定义事件并传递参数的解决方案，允许在点击后执行如路由跳转或打开模态框等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目中Leaflet popup标牌自定义点击事件，并传递参数

一个地图项目中使用到leaflet地图，根据后端数据循环在地图上生成标记点markers，点击marker时弹出popup标牌，然后用过标牌的按钮，进行后续操作，比如，路由跳转，打开新的模态框等等…

遇到的问题

data(){
   
	return{
   
		curData:'',
	}
},
methods:{
   
	func(){
   
		console.log('1111111')
	}
},
mouted(){
   
	this.map = L.map("map", {
   
        center: [26.16479,114.1164],
        zoom: 8,

最低0.47元/天解锁文章