如何使用自定义PNG或SVG图像作为Vuetify v-radio的图标?

时间:2020-11-10 15:11:46

标签: vue.js vuetify.js

docs可以看到,可以通过v-radiooff-icon属性更改on-icon的图标,这些属性采用字符串值。我已经尝试过使用这样的材料设计图标的名称:

<v-radio
   label="Yess"
   value="yes"
   off-icon="info_outline"
></v-radio>

哪个按预期呈现: enter image description here

我不知道是否可以使用自定义PNG或SVG图像。我的意思是,该图像将出现在我的assets/文件夹中。我可以将它们用于我的v-radio吗?也许以某种方式将其转换为webfont?文档中的信息对我没有太大帮助。

<!-- svg -->
<img src="assets/radio-btn-selected.svg"
     class="radio-btn-selected">

<!-- png -->
<img src="assets/radio-btn-selected.png"
     srcset="assets/radio-btn-selected@2x.png 2x,
             assets/radio-btn-selected@3x.png 3x"
     class="radio-btn-selected">

0 个答案:

没有答案