Vue中图片的src不显示问题

动态渲染图片地址的时候，图片的src被当做静态资源处理了，没有进行编译，所以需要同过require引入图片。

 <script>export default {data() {return {imgUrl: {src: require('../assets/images/index/logo.png'),}}}}</script>

 <script>require logoPic from '../assets/images/index/logo.png'export default {data() {return {imgUrl: {src: logoPic}}}}</script>

Vue中图片的src不显示问题相关推荐

VUE 中通过v-bind:src 图片不显示问题
VUE 中通过v-bind:src 图片不显示问题,引入图片的方式用require 即可 html: <img v-bind:src='imgUrl'> js:imgUrl:requir ...
Vue本地图片循环加载显示不出来，vue img标签 :src地址拼接
Vue本地图片循环加载显示不出来,vue img标签 :src地址拼接上代码: <img:src="img"alt="banner" /> dat ...
vue中图片上传及回显
在vue中图片上传到服务器下指定路径,并实现根据图片路径调取后台接口返回图片流在vue页面展示图片一.图片上传 1.前台上传 <template slot-scope="scope& ...
vue中引用tinymce图标不显示解决方法
vue中引用tinymce图标不显示解决方法通过官网查到一篇博客,按照上面步骤可以实现tinymce富文本编辑器的封装和使用. https://www.cnblogs.com/zhongchao66 ...
Vue中如何根据svg内容显示图片
概述在写前端项目中,我们免不了需要在页面上显示图片,有的是静态图片,需要直接访问项目内的文件:有的需要从后端接口动态获取图片信息,再在页面上显示. 因为svg图片有:矢量图形,不受像素影响:SVG的 ...
vue解决图片加载失败显示默认图片的方法
在项目中经常会遇到图片加载失败需要显示默认图片的场景,那么如何在图片src资源加载失败显示出默认的图片呢? 方法一:onerror <img src="原来要加载的资源" o ...
Vue中图片加载问题总结
1. favicon.ico 504问题注意,由于更改的是配置文件,所以需要重新npm run dev运行该项目. 2. 图片引用加载不出来 vue中常见的两种图片引用方式如下: 直接img标签的s ...
vue中图片引入问题以及实现openlayers地图标记
最近因为工作需要,在研究openlayers地图的使用,但是卡在了地图标记这块,不论我怎么尝试,标记就是不会显示在地图上,反反复复看了很多博客,也研究了文档,都觉得没有问题,也用html尝试了,标记可 ...
js中图片获取src的正则
链接: JavaScript 正则表达式:http://www.runoob.com/js/js-regexp.html js正则匹配出所有图片及图片地址src的方法:http://www.jb51. ...

Vue中图片的src不显示问题

Vue中图片的src不显示问题相关推荐

最新文章

热门文章