Javascript Vue-将插槽传递给子组件

下面我使用的图像是加载的svg组件（请参见

app.vue

）

我有两个组件

parent

和

child

• 父项

  使用

  子项

  并用文本显示子项的图像

• 子项

  可以在没有父项的情况下使用，并且只显示图像

两者都使用命名插槽来显示图像，问题是我想将命名插槽从父组件传递给子组件，但似乎无法按我希望的方式使用vuejs命名插槽，并且开始变得非常混乱，是否有其他方法来解决此问题

Parent.vue

带图像的文本

Child.vue

App.vue

从“pathToSvg”导入mySvg；
导出默认值{
组成部分：{
mySvg，
}
}

对父组件尝试此操作

<template>
<child>
    <label>Text with image</label>
    <slot slot="img" name="img">
</child>
<template>

带图像的文本