vue中父组件传图片路径src给子组件无法正常显示图片

vue父组件传值给子组件是以字符串的形式传值，图片路径无法解析导致无法显示。
父组件：

父组件传值路径：

应该使用require

或：将图片放到public的static里面，使用/static/图片

注：require()只能接收常量

vue中父组件传图片路径src给子组件无法正常显示图片相关推荐

解决vue中父组件传图片路径src给子组件却无法正常显示图片的原因
子组件Cover.vue <div><div class="cover"><img :src="src" />...< ...
vue中父传子，父传孙说明
先来说一下,vue中父传往子组件用v-bind绑定属性,在子页面用props接收,子传往父的用$emit this.$emit('change',data),data就是你要传的数据,change为父 ...
一、vue中当数据在父组件需要给子组件传递数据的时候，子组件输出为undefined
父组件: <Type :imgList="imgList"/> 子组件: <img :src="imgList[0].imgUrl"/> ...
vue 父组件获取接口值传到子组件_vue父组件异步获取数据传给子组件的方法
但是现在问题是父组件的数据是异步获取的,而子组件一开始就会渲染,如果此时没有传入数据,而子组件又要用到数据中的length属性时就会报错: 怎么办呢?最简单的办法就是让子组件条件渲染,当有数据的时候才 ...
Vue钩子函数以及父组件的8个钩子和子组件的8个钩子的先后执行的顺序
** vue组件生命周期 ** 一个组件从创建到销毁的整个过程就是生命周期生命周期函数(钩子函数) vue 框架内置函数,随着组件的生命周期,自动按次序执行作用:特定的时间点,执行某些 ...
vue中文件上传方法
vue中文件上传方法(图片,表格) //html部分 <input type="file" id="people-export" ref="in ...
vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
vue 中把后台传过来的数据中的数字转换为汉字
一.vue 中把后台传过来的数据中的数字转换为汉字 v-if ="" 冒号里面写遍历到的数据可以直接用代码如下: template <tbody><tr ...
java读excel乱码,【java 项目中，上传的excel打开时无法正常打开，显示乱码，怎样可以正常打开，】java读取excel乱码...
java 项目中,上传的excel打开时无法正常打开,显示乱码 ,怎样可以正常打开, 1.转换格就是将受损的Excel XP簿另存格式选为SYLK.如果可以打开受件,只是不能进行各种编辑和打印操作,那 ...

vue中父组件传图片路径src给子组件无法正常显示图片

vue中父组件传图片路径src给子组件无法正常显示图片相关推荐

最新文章

热门文章