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

时间：2019-06-05 16:10:46

标签： vue.js data-binding vue-component

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

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

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

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

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

显示的图标
enter image description here

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

0 个答案:

没有答案
相关问题
最新问题