带有本地SVG图标的v复选框

Question

如何在v-checkbox的on-icon事件中使用我的区域设置中的svg图标?

v-checkbox.mx-0.mt-2.mb-md-16(color='#FF3C00' :on-icon="'../assets/ıcon/bell.svg'" :off-icon="'mdi-checkbox-blank-outline'" )

Answer 1

你可以像这样使用你的类和svg背景

.icon-checkbox-on {
background-image: url(some-on.svg)
}
.icon-checkbox-off {
background-image: url(some-off.svg)
}

然后在props

中输入这个类

<v-checkbox
off-icon="icon-checkbox-off"
on-icon="icon-checkbox-on">
</v-checkbox>

它适合我。