删除错误消息背景颜色和错误字答案

【问题标题】：Remove error message background color and error word删除错误消息背景颜色和错误字
【发布时间】：2020-09-13 21:56:57
【问题描述】：

正如标题所说，我想从错误消息旁边的错误词中删除背景颜色

我尝试在谷歌浏览器中检查它并更改了一些 CSS 代码，但没有任何改变，我设法更改了错误颜色，但没有删除红色背景颜色和 {"error" : }

我希望错误是这样的

您必须提供有效的电子邮件

这是我的代码

.error{
  color:red;
  background-color: transparent;
}

HTML

 <v-row>
          <div class="error" v-html="error"/>
    </v-row>

Javascript

methods: {
    async register () {
      try {
        await AuthenticationService.register({
          email: this.email,
          password: this.password
        })
      } catch (error) {
        this.error = error.response.data
      }
    }
  }

更新： 对于错误消息格式，我设法通过将 .error 添加到 error.response.data

来解决它

this.error = error.response.data.error

【问题讨论】：

error.response.data 的值究竟是什么？尝试添加console.log(typeof error.response.data, error.response.data)。此外，使用浏览器的 Elements 开发工具选项卡找出样式的来源。此问题中的信息不足，无法提供答案
我就是这样做的不行，我是 vue 和前端开发的新手，所以我可能在这里遗漏了一些东西
已经做到了，可能我构建问题的方式不太清楚，所以我对此深表歉意，我将其更改为 .v-application .error 并尝试更改错误的颜色消息，它的工作，但背景颜色不是

标签： css vue.js vuetify.js

【解决方案1】：

按照Vuetify docs，试试

<div class="error--text">{{ error }}></div>

您不需要任何自定义 CSS。

【讨论】：