[Vuejs]-[Vue warn]: Failed to resolve directive: icon. I'm trying to use v-icon with v-if but when using change the variable I get this warning

by

0👍

✅

You should remove the v-icon directive from the <v-icon> component:

<v-col cols="6" xs="12" md="2" lg="2" xl="2">
  <span class="span_titulo">Valor Unitário:</span>
  <div class="form-group m-1">
    <v-text-field class="mt-0" type="text" maxlength="6" disabled v-model="form.vlrUnit" hide-details>
      <template #append>
        <v-icon :color="vlrUp === true ? 'red' : 'green'" left>
          fa-solid
          {{ vlrUp === true ? 'fa-turn-up' : vlrUp === false ? 'fa-turn-down' : 'fa-brazilian-real-sign' }}
        </v-icon>
      </template>
    </v-text-field>
  </div>
</v-col>

Leave a comment