当前位置:网站首页 > Vue.js开发 > 正文

vue 动态绑定的本地图片不显示

v-for绑定src的数据如下:

data() { return { img_src:"../../assets/images/mirror-service.png" } } 

渲染之后,发现图片不显示,上网查找之后发现是因为本地图片链接是需要通过 require包裹的

data() { return { img_src:require("../../assets/images/mirror-service.png)" } } 

然后就会发现好使了

vue项目中动态绑定src不显示图片解决方法

到此这篇vue 动态绑定的本地图片不显示的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • Vue单独为组件设置body的css样式2024-12-02 13:18:09
  • vue移动端跳转置顶2024-12-02 13:18:09
  • vue给页面设置但单独的<title>2024-12-02 13:18:09
  • VUE阻止移动端滑动默认行为2024-12-02 13:18:09
  • VUE动态绑定class2024-12-02 13:18:09
  • 前端——$(...)[0].attr is not a function2024-12-02 13:18:09
  • 12.VUE中的set方法2024-12-02 13:18:09
  • 11.VUE中的条件渲染及列表渲染2024-12-02 13:18:09
  • 10.VUE的样式绑定2024-12-02 13:18:09
  • vue项目在浏览器地址栏设置favicon.ico图标2024-12-02 13:18:09
  • 全屏图片