el-dialog 去掉边框

为了去掉vue el-dialog的边框，你可以通过设置样式文件来实现。你可以创建一个新的样式文件，然后在该文件中定义一个新的样式，将边框相关的属性设置为透明或者为空。以下是一个示例的样式文件代码：

<style name="CustomDialog" parent="Theme.AppCompat.Light.Dialog">
   <item name="android:windowBackground">@android:color/transparent</item>
   <item name="android:windowFrame">@null</item>
   <item name="android:windowNoTitle">true</item>
   <item name="android:windowIsFloating">true</item>
   <item name="android:windowContentOverlay">@null</item>
</style>

然后，你可以在el-dialog组件中设置该样式：

<el-dialog :visible="dialogVisible" :before-close="handleClose" custom-class="custom-dialog">
   <!-- dialog content -->
</el-dialog>

在Vue组件中的样式部分，你可以为custom-dialog类添加样式，并将其与上述样式文件中定义的样式关联起来，如下所示：

.custom-dialog {
   @extend .el-dialog__wrapper;
   @extend .el-dialog__header;
   @extend .el-dialog__body;
   @extend .el-dialog__footer;
   @extend .el-dialog__footer--button;
   @extend .el-dialog__close;

   // 添加其他自定义样式
}

通过这种方式，你可以自定义el-dialog的样式，并去掉边框。希望对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>