#やりたいこと
Vuetify(v-tabs,v-dialog)を使用しているのですが、現状、タブを切り替えた瞬間にダイアログが表示されてしまいます。
本来は、タブを切り替えたページ内のボタンを押下したときのみで表示されるようにしたいです。
なにかご存知のことがございましたら、ご助言いただけますと幸いです。
#ソースコード
下記は実際のコードではないのですが、非常に類似した(ダイアログ部分の実装は同じ)ものですが、
どのような場合にタブ切り替え時にダイアログが表示されてしまうのでしょうか…
<v-tab-item> tab{{currentTab}} <div> <v-dialog v-model="dialog" persistent max-width="290"> <template v-slot:activator="{ on }"> <v-btn color="primary" dark v-on="on">Open Dialog</v-btn> </template> <v-card> <v-card-title class="headline">Use Google's location service?</v-card-title> <v-card-text>Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.</v-card-text> <v-card-actions> <v-spacer></v-spacer> <v-btn color="green darken-1" text @click="dialog = false">Disagree</v-btn> <v-btn color="green darken-1" text @click="dialog = false">Agree</v-btn> </v-card-actions> </v-card> </v-dialog> </div> </v-tab-item>
あなたの回答
tips
プレビュー