父组件给子组件传图时的一些问题

Question

如图，子组件中我在img标签中写了
:src="logo"
data中定义logo:require(this.url)
并且props:["url"]用于父组件传值
父组件如下
<hello url="./assets/1.png"></hello>

为何图片不显示呢

Answer 1

卧槽手滑删了答案...话说解决了你倒是采纳啊

原答案：

• 动态绑定的图片写法是

<img v-bind:src="imgUrl"/>

• 动态绑定的图片文件应该放在static下，地址写法是

imgUrl = '/static/logo.png'

assets下放不会变的图片，以便webpack打包