首页 > 解决方案 > 不同 Vue 指令的不同缓存?

问题描述

我有一张传单地图,我想在其上显示一些标记,并在基础数据对象“车辆”发生变化时移动和旋转它们:

<LMap>
  <l-marker
      v-for="(vehicle, index) in vehicles"
        :lat-lng="[vehicle.LATITUDE, vehicle.LONGITUDE]"
        @move="moveHandler(vehicle)"
  >
  </l-marker>
</LMap>

'Vehicles' 作为 prop 从父组件导入。每当它发生变化时,标记都会根据新的纬度和经度在地图上移动。但是,moveHandler() 会像首次加载应用程序时一样使用车辆对象执行,因此它会保留所有原始属性值,包括纬度和经度。

因此,我的问题是 - Vue 是否以不同方式缓存这两个指令,如果是,有没有办法为我的 @ 指令关闭缓存?

标签: vue.jscaching

解决方案


推荐阅读