我有一組圖像，其中包含作者等一些信息，現(xiàn)在我添加了一些按鈕以允許用戶喜歡圖像。由于圖像有指向圖像屏幕的鏈接，我不知道如何觸發(fā)按鈕以避免觸發(fā)鏈接。這是代碼，我使用 Vuetify 和 Nuxt：<nuxt-link  :to="    `/photo/${slotProps.item.id}/${      slotProps.item.slug    }`  ">  <v-hover>    <v-img      slot-scope="{ hover }"      :src="slotProps.item.url"    >      <v-fade-transition mode="in-out">        <div          v-if="hover"          class="d-flex transition-fast-in-fast-out photo-overlay pa-2"        >          <div            class="d-flex pl-1 credits justify-space-between align-center w-100"          >            <div>              <nuxt-link                :to="                  `/user/${slotProps.item.pId}`                "                class="secondary--text body-2 d-inline-block"              >                <v-avatar size="30">                  <img                    :src="slotProps.item.avatar"                    :alt="`${slotProps.item.name}`"                  />                </v-avatar>                <span class="ml-2">                  {{ slotProps.item.name }}                </span>              </nuxt-link>            </div>            <div>              <v-menu                v-model="addToGalleriesMenu"                :close-on-content-click="false"                :nudge-width="200"              >                <template v-slot:activator="{ on, attrs }">                  <v-btn v-on="on" v-bind="attrs" icon color="secondary">                    <v-icon small>                      fal fa-hearth                    </v-icon>                  </v-btn>                </template>                <v-card outlined>                  <v-card-title>Test</v-card-title>                </v-card>              </v-menu>            </div>          </div>        </div>      </v-fade-transition>    </v-img>  </v-hover></nuxt-link>上面的代碼生成一個圖像，當鼠標懸停時，底部會出現(xiàn)一個圖層，顯示名稱和一個喜歡圖像的按鈕。單擊用戶鏈接，它可以正常工作，正如預期的那樣。單擊應觸發(fā)操作的按鈕不起作用，因為單擊了圖像鏈接。我該如何解決這個問題？