vue单页面给this.$confirm()设置单独样式

要给 `this.$confirm()` 设置单独样式，可以使用 `MessageBox` 的 `customClass` 属性。具体做法如下：

在调用 `this.$confirm()` 方法时，可以传入一个 `options` 对象，该对象可以包含 `MessageBox` 组件的所有属性，其中 `customClass` 属性用于设置自定义样式类名。例如：

this.$confirm('确定要删除吗？', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  customClass: 'my-confirm'
}).then(() => {
  // 确认操作
}).catch(() => {
  // 取消操作
});

上述代码中，我们传入了一个 `customClass` 属性，并将其设置为 `my-confirm`，这样就可以在 CSS 中针对这个样式类名进行样式设置了。例如：

.my-confirm {
  font-size: 16px;
  color: red;
}

上述 CSS 样式会应用于 `this.$confirm()` 所渲染的对话框中。