在 vue 单文件组件中。我导入了一个 svg 文件,如下所示:
从 'a.svg' 导入 A
然后如何在我的组件中使用 A?
最佳答案
根据您提供的信息,您可以做的是:
- 安装 vue-svg-loader
npm install --save-dev vue-svg-loader
- 配置网络包:
module: {
rules: [
{
test: /\.svg$/,
loader: 'vue-svg-loader', // `vue-svg` for webpack 1.x
},
],
},
- 导入 svg 并将其用作常规组件:
<template>
<nav id="menu">
<a href="...">
<SomeIcon class="icon" />
Some page
</a>
</nav>
</template>
<script>
import SomeIcon from './assets/some-icon.svg';
export default {
name: 'menu',
components: {
SomeIcon,
},
};
</script>
关于javascript - 如何将 svg 文件导入 Vue 组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44695560/