Vuetify открытый диалог с пользовательской логикой

Question

Я хочу открыть диалог по нажатию кнопки. Но мне нужно, чтобы logi c выполнялся до и после этого события. Как это можно сделать?

Что я пробовал:

template

<v-dialog v-model="dialog" width="400">
  <template v-slot:activator="{ on }">
    <v-btn color="primary" @click="openDialog">Dialog</v-btn>
  </template>
  <v-btn>lol</v-btn>
</v-dialog>

script

data() {
    return { dialog: false };
  },
  methods: {
    openDialog() {
      this.dialog = true;
    }
  }
}

Это кажется плохим решением, потому что после того, как все v-слот все еще там.

Answer 1

На самом деле вам не нужно использовать v-slot:activator="{on}" в первом примере - теги <v-dialog> можно активировать без этого (, как описано в примере "Без активатора" здесь ).

Однако для меня лично рекомендовался бы второй пример, который вы предоставили - тот, который использует v-on для запуска диалога, так как он обрабатывает открытие диалога без написания дополнительной функции для установки одного из ваши data переменные.