Удалить цвет фона сообщения об ошибке и слово ошибки - PullRequest
Новая
       5

Удалить цвет фона сообщения об ошибке и слово ошибки

0 голосов
/ 27 мая 2020

Как сказано в заголовке, я хочу удалить цвет фона из сообщения об ошибке вместе со словом ошибки Error message

Я попытался проверить его в Google chrome и изменил некоторые CSS код, но ничего не изменилось, мне удалось изменить цвет ошибки, но не удалить красный цвет фона и эту {"ошибку":}

Я хочу, чтобы ошибка была такой

Вы должны предоставить действующий адрес электронной почты

это мой код 

.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

1 Ответ

0 голосов
/ 27 мая 2020

Согласно Vuetify docs , попробуйте 

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

Вам не понадобятся специальные CSS.

...