我使用 vue-svg-内联加载程序

在第一个组件中，我使用道具源发送到图像svg：

<IconComponent :imgIcon="'../../assets/img/icon-example.svg'" />

接下来，当我得到道具时，我有第二个组件：

<img svg-inline :src="imgIcon" alt="icon">
export default {
   name: 'IconComponent',
   props: {
      imgIcon: {
         type: String,
         required: true
};

但是库 vue-svg-inline-loader 不能将img转换成svg。

我有：

​

​

在第二个组件中，我更改为：

<img svg-inline src="../../assets/img/icon-example.svg" alt="icon">

然后将图像正确转换为svg。

编辑：

我补充说：

<object :data="require(`@/assets/img/${this.name}.svg`)" type="image/svg+xml"></object>

图像转换成svg，我在DOM中有这个结构。

​

现在我需要用SASS换颜色。我写代码：

.icon {
   margin: 0 map-get($margins, m1);
   display: flex;
   align-items: center;