title: How do I open and close multiple v-menus in my VueJS / Vuetify component?
body: <p>I create multiple popover menus with v-menu; one for each row in my table. I need a way for the menu to close when I click submit. I cannot use v-model="menu" and make menu false or true to hide or show the menu because then every menu will open when I set it to true! Does anyone know another way to make the menu close, without using v-model? I have found a way to open it using the activator slot. Perhaps there is an activator slot that will close the component, as well?</p>
  
  <pre><code>&lt;template v-slot:item.hours="{ item }"&gt;
          &lt;v-menu
            :nudge-width="200"
            :close-on-content-click="false"
            offset-x
          &gt;
            &lt;template v-slot:activator="{ on }"&gt;
              &lt;v-chip
                color="blue"
                dark
                v-on="on"
              &gt;
                {{ parseFloat(item.hours).toFixed(1) }}
              &lt;/v-chip&gt;
            &lt;/template&gt;
            &lt;v-form @submit.prevent="handleSubmitMenu(item)"&gt;
              &lt;v-card class="px-5"&gt;
                &lt;v-text-field
                  label="Edit Hours"
                  :value="item.hours"
                  @input="updateHours"
                &gt;&lt;/v-text-field&gt;
                &lt;v-card-actions&gt;
                  &lt;SubmitButton /&gt;
                &lt;/v-card-actions&gt;
              &lt;/v-card&gt;
            &lt;/v-form&gt;
          &lt;/v-menu&gt;
        &lt;/template&gt;
  
  handleSubmitMenu(timeEntry) {
        const hours = this.hours
        this.menu = false
      },
  </code></pre>