v-dialog vuetify vueJS 中的高度

Posted 2023-02-22

【中文标题】v-dialog vuetify vueJS 中的高度

【英文标题】：Elevation in v-dialog vuetify vueJS

【发布时间】：2020-10-29 10:53:26

【问题描述】：

我想知道如何删除 v-dialog 的高度，使其一无所有，v-dialog 本身中的 elevation 属性不起作用，也不会使用类为Class = "elevation-0"

组件链接：https://vuetifyjs.com/en/components/dialogs/#dialogs

这就是它的样子：

【参考方案1】：

您可以通过定位 content-class 属性来调整对话框组件的高度：

<v-dialog
  v-model="true"
  content-class="elevation-0"
/>

【讨论】：

对我有用的是，我没有使用 v-dialog，而是使用了 v-overlay，它不再包含海拔

【参考方案2】：

我尝试了几件事，但没有得到预期的结果，我尝试从 css 覆盖 shadow-box，使用另一个对话框访问 Sass 变量但我没有得到结果，最终帮助我的是使用<v-overlay> 组件和问题的结束