v-for渲染img標籤圖片

錯誤的示例

<div v-for="item in list">
          <img src="{{item.image}}" />
</div>

在這裏插入圖片描述
這樣做會報錯

正確的做法應該是

<div v-for="item in list">
          <img :src="item.image" />
</div>

在這裏插入圖片描述
這樣就可以把後端接口的所有數據渲染出來了
在路徑裏不能使用差值表達式

同樣的a標籤等也是如此

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章