這里是 vue 和 iconify 的新手。
我正在嘗試使用 Composition API 使用來自 @iconify/vue 的圖示，但它不起作用
這就是我所擁有的
檔案.ts
import { Icon } from "@iconify/vue";
export default defineComponent({
setup() {
return { Icon };
},
});
檔案.vue
<template>
<div>
<Icon icon="logos:stackoverflow-icon" width="20" :inline="true" />
</div>
</template>
<script lang="ts" src="./File.ts"></script>
另一方面，如果我放入一個檔案，它作業得很好
allTogether.vue
<template>
<div>
<Icon icon="logos:stackoverflow-icon" width="20" :inline="true" />
</div>
</template>
<script setup lang="ts">
import { Icon } from "@iconify/vue";
</script>
有人可以幫幫我嗎 ？
uj5u.com熱心網友回復：
在沒有腳本設定的情況下使用組合 api 時（正如您在外部檔案中所做的那樣，您需要使用頂級components選項來注冊組件。
import { Icon } from "@iconify/vue";
export default defineComponent({
components: {
Icon
},
setup() {
// Your logic code
}
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/442218.html