Question

来自这个问题custom marker for vue2-google-maps

我有一个来自端点的标记，并且正在created()组件的Vue上添加标记

<gmap-marker :key="i" v-for="(m,i) in markers" :position="m.position" :clickable="true" @click="toggleInfoWindow(m,i)" :icon="{ url: require('./online.png') }"></gmap-marker>

m具有这样的价值

{
 infoText: "synno-hlcna",
 position: {
  lat: 53.3600171,
  lng: -6.2630125
 },
 status: "online"
}

如何在m.status中使用require()值。

我尝试通过{ url: require('./online.png') }以及m.url添加完整的require(m.url)，而Url为'./online.png'，这给我一个错误

找不到模块./online.png

我想根据状态更改钉子的颜色。我必须根据m在线上/离线使用png。

怎么可能将值绑定到require（'./ {status} .png'）中，使其可行？

我也尝试过这种方式

：icon = { url: require('./${m.status}.png') }

更新：我尝试使用v-bind，例如

<gmap-marker :key="i" v-for="(m,i) in markers" :position="m.position" :clickable="true" @click="toggleInfoWindow(m,i)" v-bind:icon="{ url: require(m.status) }"></gmap-marker>

它的错误为Cannot find module './online.png'，我们如何使其工作？仅当我自己放置./online.png时，它才有效。

如何在require（）Vue中绑定值

0 个答案: