vue中如何为img添加src变量

Question

<img src={{ src }}>这样写的话会有警告：

但是v-bind好像并不支持变量，有什么好办法？

Answer 1

bind后面的引号里的内容就是个变量

Answer 2

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

Answer 3

:src=''

Answer 4

<img v-bind:src="{{src}}"> 才行。

Answer 5

<img src=“{{ src }}”>

这样写在渲染的时候会直接把后面当作路径，用

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

就好了