vue動態綁定設置圖片 src 路徑

  • 動態綁定圖片URL地址顯示
<img :src="imgURL" style="width: 25px;height: 25px; "/></span>
  • 設置 imgURL 的值動態改變圖片url 
        data() {
            return {
                imgURL : require(`@/assets/mapPoint/blue.png`);
                //imgURL : require(`@/assets/mapPoint/red.png`);
                //imgURL : require(`@/assets/mapPoint/yellow.png`);
            };
        },
  • 如圖所示根據不同的圖片路徑動態綁定顯示圖片

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