這篇文章主要為大家展示了“如何解決vue2.0動態(tài)綁定圖片src屬性值初始化時報錯的問題”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何解決vue2.0動態(tài)綁定圖片src屬性值初始化時報錯的問題”這篇文章吧。

成都創(chuàng)新互聯(lián)憑借專業(yè)的設計團隊扎實的技術支持、優(yōu)質高效的服務意識和豐厚的資源優(yōu)勢，提供專業(yè)的網(wǎng)站策劃、成都網(wǎng)站設計、做網(wǎng)站、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務，在成都十年的網(wǎng)站建設設計經(jīng)驗，為成都千余家中小型企業(yè)策劃設計了網(wǎng)站。

在vue2.0中，經(jīng)常會使用類似這樣的語法 v-bind:src = " imgUrl "（縮寫 :src = " imgUrl "），看一個案例

如以上案例，由于數(shù)據(jù)字段 captcha_id 需要通過網(wǎng)絡請求取得，而頁面很可能已經(jīng)渲染完成，結果導致每一次加載都會出現(xiàn)404錯誤，

其中圖片的src屬性值初始化時被解析為 ' /upload/otherpic71/47522.png' 。

解決方式如下：

computed: {
    imgUrl(){
      if(this.captcha_id){
        return this.$store.state.cmnUrl +'/v1/cmn/captcha/new/' + this.captcha_id + '.png'
      }else{
        return null;
      }
    },
  },

以上是“如何解決vue2.0動態(tài)綁定圖片src屬性值初始化時報錯的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！