囯产黄色一区二区三,成人日韩在线一区二区,中文字慕色aV一区二区三区

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

解決vuev-forsrc圖片路徑問題404

我的代碼結(jié)構(gòu)如下所示不能執(zhí)行，會出現(xiàn)報錯

成都創(chuàng)新互聯(lián)服務(wù)項目包括武城網(wǎng)站建設(shè)、武城網(wǎng)站制作、武城網(wǎng)頁制作以及武城網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，武城網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到武城省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！


  




export default {
  data(){
  return{
    radio_arr:['循環(huán)1','循環(huán)2','循環(huán)3'],
        animal:'循環(huán)2'
  }
  }
}

報錯信息：

解決vue v-for src 圖片路徑問題 404

修改代碼如下：修改內(nèi)容為 label={{a}} 修改為：label='a'


  


export default {
  data(){
    return{
      radio_arr:['循環(huán)1','循環(huán)2','循環(huán)3'],
      animal:'循環(huán)2',
    }
  }
}

效果如下：

解決vue v-for src 圖片路徑問題 404

圖片添加src時：

第一種：




export default {
  data(){
    return{
            imgurl:['../assets/img/icon1.png' ,
                     '../assets/img/icon2.png']   
          }
    }
}

報錯如下：

解決vue v-for src 圖片路徑問題 404

修改之后的代碼：修改內(nèi)容為：

imgurl:['../assets/img/icon1.png' , '../assets/img/icon2.png']

修改為

imgurl:[require('../assets/img/icon1.png') ,require('../assets/img/icon2.png')]
 




export default {
  data(){
    return{
      imgurl:[require('../assets/img/icon1.png') 
                 ,require('../assets/img/icon2.png')]
    }
  }
}

結(jié)果為：

解決vue v-for src 圖片路徑問題 404

第二種:

當我們需要在js代碼里面寫圖片路徑的時候，如果我們在data里面寫

/*錯誤寫法*/
imgUrl:'../assets/logo.png'

此時webpack只會把它當做字符串處理從而找不到圖片地址，此時我們可以使用import引入圖片路徑：


import avatar from '@/assets/logo.png'

在data里面定義

avatar: avatar

第三種：

我們也可以把圖片放在外層的static文件夾里面，然后在data里面定義：

imgUrl ： '../../static/logo.png'

以上這篇解決vue v-for src 圖片路徑問題 404就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)頁題目：解決vuev-forsrc圖片路徑問題404
轉(zhuǎn)載來源：http://www.dlmjj.cn/article/piceci.html

日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

新聞中心

其他資訊