Vue中img标签的src属性绑定的坑

Posted guanxiying

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中img标签的src属性绑定的坑相关的知识,希望对你有一定的参考价值。

不少人在vue的开发中遇到这样一个问题: img的src属性绑定url变量,然而图片加载失败。

大部分的情况中,是开发者使用了错误的写法,例如:

<img src="{{ imgUrl }}"/>

这样写肯定是不对的,正确的写法应该使用v-bind:

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

以上是关于Vue中img标签的src属性绑定的坑的主要内容,如果未能解决你的问题,请参考以下文章

vue中img的src绑定

Vue项目中img标签src的路径问题

如何利用Vue.js库中的v-bind绑定样式属性

从 Vue.js 中的 props 传递和绑定 img src

vue绑定动态img标签的src地址

关于Img标签绑定:src不显示图片