我想在我的 vue 專案中使用 MaterialDesignIcons ( https://materialdesignicons.com/ )。在我的專案中使用這些圖示的正確方法是什么？我嘗試了以下但得到錯誤....
紗線添加@mdi/font
然后在我的vue檔案中
<template>
...
<mdiLock />
...
</template>
import { mdiLock } from '@mdi/font';
export default {
components: {
mdiLock,
},
}
但是我得到了錯誤 This dependency was not found:
uj5u.com熱心網友回復：
你不能像那樣從字體包中提取圖示。您可能想要使用@mdi/js。
我們提供了一個Vue 圖示組件來簡化此操作。
這是一個單檔案組件示例：
<template>
<svg-icon type="mdi" :path="path"></svg-icon>
</template>
<script>
import SvgIcon from '@jamescoyle/vue-icon'
import { mdiAccount } from '@mdi/js'
export default {
name: "my-cool-component",
components: {
SvgIcon
},
data() {
return {
path: mdiAccount,
}
}
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/406885.html
標籤：