Значки дизайна материалов (JS SVG) Vuetify.js - значок добавления не отображается при использовании mdiSvg

Question

Я не могу отобразить значок добавления на Android при использовании PhoneGap для создания APK из моей папки dist.zip. Сначала он вообще не отображал значки, затем я переключился на mdiSvg по ссылке (https://vuetifyjs.com/en/customization/icons/). После этого значок v начал отображаться, когда я вставил {{ mdiClose }} и указал значок шрифта mdiClose и импортировал его в свой файл.vue.

Я пробовал mdi-eye, mdiEye тоже, но безуспешно.

        <v-icon color="primary">{{ mdiClose }}</v-icon>
        <v-text-field
          v-model="$v.password.$model"
          :error-messages="passwordErrors"
          label="Password"
          :type="showPassword ? 'text' : 'password'"
          required
          :append-icon="showPassword ? 'visibility' : 'visibility_off'"
          @click:append="showPassword = !showPassword"
        ></v-text-field>

Answer 1

Visibility и visibility_off не являются значками материального дизайна. Вместо этого используйте глаза и глаза.

У меня это работает так:

import {mdiClose,mdiEye,mdiEyeOff} from '@mdi/js';
...
data:()=>({
  svgClose:mdiClose,
  svgEye:mdiEye,
  svgEyeOff:mdiEyeOff
})

в вашем файле vue:

<v-icon color="primary">{{ svgClose }}</v-icon>
<v-text-field
  v-model="$v.password.$model"
  :error-messages="passwordErrors"
  label="Password"
  :type="showPassword ? 'text' : 'password'"
  required
  :append-icon="showPassword ? 'svgEye' : 'svgEyeOff'"
  @click:append="showPassword = !showPassword"
></v-text-field>