deferredMountedTo is not a function?

I’m trying the following code

<v-map :zoom="zoom" :center="center" id="map" >
    <v-tilelayer :url="url" ></v-tilelayer>
    <marker-popup :position="marker" title="Hey"> </marker-popup> 
</v-map>

where marker-popup’s template is:

<template>
    <v-marker :lat-lng="position" :title="title" :draggable="false">
      <v-popup :content="text"></v-popup>
    </v-marker>
</template>

I get this error: [Vue warn]: Error in mounted hook: "TypeError: this.$children[e].deferredMountedTo is not a function.

Is there something special that I have to do to get this to work?

[KoRiGaN]

Hi @bencooper222,

Yes, at the moment it was not meant to use custom component inside the map. I think this is the only requirement for a custom component to work properly.

At the moment you have two solutions

• Use messy code,
• Use custom component that define an empty deferredMountedTo method

It would be better to make deferredMountedTo optional. I will try to implement that soon.

[KoRiGaN]

Hi @bencooper222, @nowakjestem, @dithyrambe, @Axel92Dev,

Hi @Fillah,

Having custom content like a button or any Vue component inside the popup should now work with release v0.0.57.

Please let me know if it fixes your problem. Cheers,

Mickaël