vue.js - 父组件给子组件传图时的一些问题

问题描述

问 题

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

为何图片不显示呢

解决方案

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

原答案：

• 动态绑定的图片写法是

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

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

imgUrl = '/static/logo.png'

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

这篇关于vue.js - 父组件给子组件传图时的一些问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！