使用vuetify将btn定位到对话框的绝对右上角

<template>
  <v-dialog v-model="dialogVisible">
    <!-- 对话框内容 -->
    <v-card>
      <v-card-title>
        <span>对话框标题</span>
        <v-spacer></v-spacer>
        <v-btn icon @click="closeDialog">
          <v-icon>mdi-close</v-icon>
        </v-btn>
      </v-card-title>
      <v-card-text>
        <!-- 对话框内容 -->
      </v-card-text>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: true
    };
  },
  methods: {
    closeDialog() {
      this.dialogVisible = false;
    }
  }
};
</script>

<template>
  <v-dialog v-model="dialogVisible">
    <!-- 对话框内容 -->
    <v-card>
      <v-card-title>
        <span>对话框标题</span>
        <v-spacer></v-spacer>
        <v-btn icon @click="closeDialog">
          <v-icon>mdi-close</v-icon>
        </v-btn>
      </v-card-title>
      <v-card-text>
        <!-- 对话框内容 -->
      </v-card-text>
      <v-btn
        icon
        slot="activator"
        class="btn-position"
      >
        <v-icon>mdi-dots-vertical</v-icon>
      </v-btn>
    </v-card>
  </v-dialog>
</template>

<style>
.btn-position {
  position: absolute;
  top: 0;
  right: 0;
}
</style>