美文网首页
vue img :src动态绑定问题

vue img :src动态绑定问题

作者: 背着生活往前走你才辨的出美和丑 | 来源:发表于2020-12-21 08:47 被阅读0次

vue img元素 :src动态绑定,本地测试没有问题,但是部署后发现动态src图片无法访问。
源代码:

<img :src="'../../static/common/'+item2.imageUrl" />

解决方法:

<img :src="require('../../static/common/'+item2.imageUrl)" />

查询了资料,解释如下:动态添加src被当做静态资源处理了,没有进行编译,所以要加上require。

相关文章

  • vue img :src动态绑定问题

    vue img元素 :src动态绑定,本地测试没有问题,但是部署后发现动态src图片无法访问。源代码: 解决方法:...

  • img标签动态绑定src问题

    这次先直接文字描述,后期再配代码,进一步分析 引用本地图片本地图片不能直接引用相对路径,需要用require引用图...

  • Vue中img的src属性动态绑定

    最近在使用Vue模仿网易云音乐的App。 遇到了一个关于img的src属性动态绑定,图片不显示的问题。 我会在这里...

  • 21.Vue img图片路径处理

    在Vue中开发,展示图片是经常使用到的,如果数据是从后台返回的,需要动态绑定到img的src中,在vue中直接拼接...

  • v-bind之动态绑定

    1. v-bind 绑定基本属性 动态绑定img的src属性 动态绑定a的href属性 等等 语法糖写法(简写):...

  • 绑定属性

    v-bind指令介绍 动态绑定属性:比如a元素的href属性,img元素的src属性 作用:动态绑定属性 缩写::...

  • vue实践中遇到的小难题

    vue动态绑定img src时,出现404,原因在于路径并不会被 webpack 编译,还保持着相对路径的状态。如...

  • video 动态绑定src 视频不播放

    用vue动态绑定video的src,发现不会播放。问题代码: 后面改用dom操作解决问题。

  • Vue v-bind 动态绑定属性、class、style

    data数据 一、动态绑定属性1、 img标签的src属性 imageUrl 是图片的动态地址 语法糖写法 可...

  • vue 动态绑定src遇到的问题

    vue项目为例一般情况下,在标签上正常引入一个路径是能正常显示的 那换一种在写在data里面,然后标签上正常的:s...

网友评论

      本文标题:vue img :src动态绑定问题

      本文链接:https://www.haomeiwen.com/subject/ijbagktx.html