如何动态更改v-对话框css样式

<template>
  <div>
    <v-btn @click="openDialog">打开对话框</v-btn>
    <v-dialog v-model="dialogVisible" :class="dialogStyle">
      <!-- 对话框内容 -->
    </v-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dialogStyle: {
        // 初始的CSS样式
        backgroundColor: 'white',
        color: 'black'
      }
    };
  },
  methods: {
    openDialog() {
      // 点击按钮打开对话框时触发
      this.dialogVisible = true;

      // 动态修改CSS样式对象
      this.dialogStyle.backgroundColor = 'blue';
      this.dialogStyle.color = 'white';
    }
  }
};
</script>