将图像路径传递给子组件nuxtjs

Question

我似乎无法弄清楚，我有一个子组件，像道具一样具有图像。

<img :src="logo" alt="logo" />

//...

props: {
  logo: {
    type: String,
    required: true
  }
}

然后在我正在做的父组件中

<ChildComponent :logo="’~/assets/images/logos/logo.svg’" />

但是我在控制台中遇到404错误，并且我的图像没有显示，现在我知道图像路径是正确的，因为如果我对其进行硬编码，它将按预期工作？

我在做错什么吗？

Answer 1

您没有传递变量，只是一个字符串，所以您不需要：logo中的：，尝试

<ChildComponent logo="’~/assets/images/logos/logo.svg’" />