Popups showing immediately -- want them all closed by default

Right now when looping through markers and setting popups, they all show up open by default. How can we make them so they are closed until the marker is clicked?

My current code:

    <MglMarker
      v-for="item in items"
      v-bind:key="item.id">
      <MglPopup>
        <div>
          Stuff
        </div>
      </MglPopup>
    </MglMarker>

[soal]

Hi @kevinelliott! What you think would be the best approach to this issue? I’m thinking of adding showed prop, false by default, or, maybe, try to utilize v-show directive, although it’s looks non-trivial to implement.

[aidangarza]

I agree with @kevinelliott, and used the same method he described above to close all of the popups immediately. Some of my users have hundreds of markers load on a map, and it’s pretty inefficient to close them all every time the map loads.