Javascript 如何通过在google地图中单击按钮来调用Vue js的方法

我正在使用一个名为开发应用程序的包

我添加了一个代码片段，用于在地图中添加几个按钮，但当我单击该按钮时，它不会调用任何vue方法。我怎样才能解决这个问题

这是我的代码

let search_result = document.createElement('div');
search_result.style.width = '300px';
search_result.style.margin = '10px';
search_result.style.fontSize = '16px';
search_result.style.backgroundColor = '';
search_result.style.cursor = 'pointer';
search_result.innerHTML = ' <button @click="test()" class="btn-primary" id="reset"><i class="fa fa-refresh" aria-hidden="true"></i> Reset </button>
<button @click="handleUndo()" class="btn-primary" id="undo"><i class="fa fa-undo" aria-hidden="true"></i> Undo </button>
<button @click="polygon_redo()" class="btn-primary" id="redo"><i class="fa fa-repeat" aria-hidden="true"></i> Redo </button> ';

this.$refs.gmap.$mapObject.controls[google.maps.ControlPosition.TOP_RIGHT].push(search_result);

drawingManager.setMap(this.$refs.gmap.$mapObject)

let search_result=document.createElement（'div'）；
search_result.style.width='300px'；
search_result.style.margin='10px'；
search_result.style.fontSize='16px'；
搜索结果.style.backgroundColor=''；
search_result.style.cursor='pointer'；
search_result.innerHTML='重置
撤消
重做'；
此.refs.gmap.$mapObject.controls[google.maps.ControlPosition.TOP\u RIGHT].push（搜索结果）；
drawingManager.setMap（this.$refs.gmap.$mapObject）

问题：当我单击“撤消、重做、重置”按钮时，它不会调用vue js的任何方法

我需要建议，如何在google地图中添加按钮或任何弹出窗口，以便与vue实例属性或方法交互，这将是双向数据绑定

---

感谢Vue中的，您永远不应该通过

createElement

方法（或直接从脚本中以任何其他方式）添加标记。通常，标记应该在

中。您创建的标记不是被动的或Vue无法访问，因为它是在组件初始化范围之外添加的。 有关更多详细信息，请查看Vuejs文档：

---

要以有效的“Vue方式”解决您的问题，您需要显示更多的内容，最好是完整的组件。

您能向我们展示更多的代码吗？例如，您的主要Vue实例、模板等。这是我的方法，我提到我使用了Vue映射包，可以在其中使用它们的组件。我假设您的示例仅显示一个方法，您需要为完整的组件（包括模板）提供代码才能理解它。