小编gro*_*omo的帖子

从 Mapbox 弹出窗口调用 vue 方法

我有一个 mapbox 弹出窗口,在弹出窗口内我想要一个按钮来调用 vue 组件内定义的方法。

我的弹出窗口:

const popup = new mapboxgl.Popup({ focusAfterOpen: false })
        .setLngLat(coordinates)
        .setHTML('<button id="button" @click="myMethod">Click here!</button>')
        .addTo(map);
Run Code Online (Sandbox Code Playgroud)

我的方法:

myMethod() {
  console.log("clicked");
},
Run Code Online (Sandbox Code Playgroud)

我能够向按钮添加一个事件侦听器,该按钮正在工作。但我没有得到在我的 Vue 组件中定义的函数执行。

我的事件监听器:

var button = document.getElementById("button");
      button.addEventListener("click", function() {
        console.log("clicked");
      });
Run Code Online (Sandbox Code Playgroud)

javascript web mapbox vue.js vue-component

1
推荐指数
1
解决办法
1338
查看次数

标签 统计

javascript ×1

mapbox ×1

vue-component ×1

vue.js ×1

web ×1