Vue.js道具未显示正确的图像

Question

我的项目需要一个动态菜单栏，其中带有更改的图标，这些图标已添加为图像。在我的Menu.vue组件中，我为img src添加了一个名为iconPath的变量。

<img id="main" :src="iconPath">

在父组件上使用Menu.vue组件时，如下所示：

<Menu iconPath="../assets/plusIcon.png"></Menu>

即使开发工具显示正确的路径，它也不会显示我的图标，只是一个带有图像图标的小方块。

显示的图标


开发工具显示道具的正确图标路径： 我在做什么错了？