Vue.js VUE2手册：如何显示特定标记的工具提示

我正在使用nuxt传单（带有Vue2传单），我想知道在我的模板vue文件中点击按钮（“显示工具提示”）后如何显示特定标记的工具提示

<template>
  <div>
    <button @click="displayTooltipOfMarker(x)">Display tooltip</button>
    <div id="map-wrap" style="height: 500px; width:100%">
      <no-ssr>
        <l-map :zoom="10" :center="positionInitiale">
          <l-tile-layer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png"></l-tile-layer>
          <l-marker :icon="customIcon" :lat-lng="positionMarqueurHome"></l-marker>

          <l-marker
            v-for="marker in marqueurs"
            :key="marker.id"
            :lat-lng.sync="marker.position"
            @click="alert(marker)"
          >
            <l-popup :content="marker.tooltip"/>
            <l-tooltip :content="marker.tooltip"/>
          </l-marker>
        </l-map>
      </no-ssr>
    </div>
  </div>
</template> 

显示工具提示

是否可能？

打开/关闭外部事件（如按钮是您的情况），可以考虑以下解决方案：

通过

$refs

属性访问传单标记对象：

  <l-marker
    v-for="(marker, index) in markers"
    :key="index"
    ref="markersRef"
    :lat-lng="marker.position"
  >
         <l-popup :content="marker.name"/>
  </l-marker>

一旦触发外部事件（例如，单击按钮），工具提示将如下显示：

<button @click="displayTooltip(1)">Display</button>

displayTooltip(selectedIndex) {
  this.markerObjects[selectedIndex].openTooltip();
}

显示
显示工具提示（已选择索引）{
this.markerObjects[selectedIndex].openTooltip（）；
}

为了便于您参考，可以考虑以下解决方案来打开/关闭外部事件（如按钮是您的情况）：

通过

$refs

属性访问传单标记对象：

  <l-marker
    v-for="(marker, index) in markers"
    :key="index"
    ref="markersRef"
    :lat-lng="marker.position"
  >
         <l-popup :content="marker.name"/>
  </l-marker>

一旦触发外部事件（例如，单击按钮），工具提示将如下显示：

<button @click="displayTooltip(1)">Display</button>

displayTooltip(selectedIndex) {
  this.markerObjects[selectedIndex].openTooltip();
}

显示
显示工具提示（已选择索引）{
this.markerObjects[selectedIndex].openTooltip（）；
}

供参考