Question

当使用PhoneGap从dist.zip文件夹中生成APK时，我无法在Android上显示该附加图标。最初，它根本不会显示图标，然后我根据链接（https://vuetifyjs.com/en/customization/icons/#install-material-design-icons-js-svg）切换到mdiSvg。之后，当我插入{{mdiClose}}并指定mdiClose iconfont并将其导入到我的.vue文件中时，v图标开始显示。

我尝试过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

可见性和可见性不是材料设计图标。取而代之。

像这样对我有用：

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>

物料设计图标（JS SVG）Vuetify.js-附加图标未使用mdiSvg显示

1 个答案: