現在のマウススライドの座標を取得するVue+openlayer5メソッド

'ol/control/MousePosition' から MousePosition をインポートします。
'ol/coordinate' から {createStringXY} をインポートします。

var レイヤー = [
        //濃い青の背景 new TileLayer({
           ソース: 新しいXYZ({
             URL:
              "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
           }）、
         }）、
       
      ];
this.map = 新しいマップ({
        レイヤー: レイヤー、
        ターゲット: "マップ"、
        ビュー: 新しいビュー({
          中心: this.center,
          投影: this.projection、
          ズーム: this.centerSize、
          最大ズーム: 17,
          最小ズーム: 5,
          範囲： [
            73.32783475401652, 3.33795, 135.16017906160056,
            53.83501005646246,
          ]、
        }）、
      });

var mousePositionControl = 新しい MousePosition({
         coordinateFormat: createStringXY(6), //位置投影を取得します: 'EPSG:4326',
         クラス名: 'カスタムマウス位置',
         target: document.getElementById('mouse-position'), // そこに位置データを配置 undefinedHTML: '&nbsp'
      });
      this.map.addControl(マウス位置コントロール);

<div id="map" class="map" ref="imageDom">
 
    位置 div
    <div id="マウスの位置" スタイル="
        色: #fff;
        位置: 絶対;
        下:10px;
        右:10px;
        Zインデックス: 10000000;
        幅: 200ピクセル;
        行の高さ: 30px;
        背景: rgba(0,0,0,0.5);
    </div>
</div>