您好,我一直在尝试将内联 SVG 导入到我的 Nuxt3 Vite 项目中。有什么建议吗?
我发现这个方法可以:
然而,我发现Vite在导入方面的表现很奇怪,结果要么是URL字符串显示在v-html中,要么是无法读取的对象。
我正在尝试使用这个插件,但没有成功。
我发现这个方法可以:
<img src="~/assets/images/icons/push-icon-chatops.svg" />
,但是我需要一个内联项。所以我会像这样做:<div v-html="rawNuxtLogo" />
,并且使用类似这样的方法(在 vite 中不起作用):require。setup(props) {
const currentIcon = computed(() => {
return defineAsyncComponent(() =>
import(`~/assets/images/icons/push-icon-chatops.svg'?inline`)
);
}).value;
return {
currentIcon,
};
},
然而,我发现Vite在导入方面的表现很奇怪,结果要么是URL字符串显示在v-html中,要么是无法读取的对象。
我正在尝试使用这个插件,但没有成功。