vue3百度地図のリアルタイム更新問題を解決

問題の説明: データが変更されると、Baidu マップ上のマーカー ポイントがデータに従い、再レンダリングには
リスナーを使用する必要があることを認識します。

解決

watch(
  godown,#监听到该数组的变化,来渲染百度地图
  async () => {
    
    #通过async await来阻塞nextTick方法
    await nextTick();#当你在 Vue 中更改响应式状态时,最终的 DOM 更新并不是同步生效的,而是由 Vue 将它们缓存在一个队列中,直到下一个“tick”才一起执行。这样是为了确保每个组件无论发生多少状态改变,都仅执行一次更新。
    getMap()#渲染百度地图的方法
  },
  {
    
     deep: true }
);

おすすめ

転載: blog.csdn.net/weixin_65565362/article/details/127647292