如何在Vuetify中打开对话框中的html页面？- VueJS

<template>
  <v-dialog v-model="dialog" max-width="500px">
    <template v-slot:activator="{ on }">
      <v-btn color="primary" dark v-on="on">打开对话框</v-btn>
    </template>
    <v-card>
      <v-card-title>
        <span class="headline">对话框标题</span>
      </v-card-title>
      <v-card-text>
        <!-- 在这里插入你的HTML内容 -->
        <iframe src="your_html_page.html" width="100%" height="400px"></iframe>
      </v-card-text>
      <v-card-actions>
        <v-spacer></v-spacer>
        <v-btn color="primary" text @click="dialog = false">关闭</v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialog: false
    };
  }
};
</script>