国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

解決vue2.0動態綁定圖片src屬性值初始化時報錯的問題

2019-11-19 14:10:29
字體:
來源:轉載
供稿:網友

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

<template>  <div>    <img :src="imgUrl">  </div></template><script>export default {  data(){    return {      captcha_id: ""     }  },  computed: {    imgUrl(){      return ' http://www.demo.com/static/ '+ this.captcha_id + '.png'    },  },  methods: {    init(){        // 此處省略一個請求 ,假設成功返回數據為 res        this.captcha_id = res.data.captcha_id;    },  }    created(){    this.init();  }}</script><style lang="scss" scoped></style>

如以上案例,由于數據字段 captcha_id 需要通過網絡請求取得,而頁面很可能已經渲染完成,結果導致每一次加載都會出現404錯誤,

其中圖片的src屬性值初始化時被解析為 ' http://www.demo.com/static/.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動態綁定圖片src屬性值初始化時報錯的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 皮山县| 闸北区| 巴马| 平顺县| 肃宁县| 乐都县| 岳普湖县| 辛集市| 衡阳市| 三原县| 共和县| 阳信县| 伊宁县| 水富县| 宜城市| 乾安县| 夏河县| 崇明县| 革吉县| 桐城市| 平安县| 托克逊县| 黄骅市| 商城县| 信宜市| 广水市| 麻阳| 鹿泉市| 中卫市| 益阳市| 龙南县| 舞阳县| 政和县| 格尔木市| 夏邑县| 百色市| 宣恩县| 宣恩县| 博湖县| 龙井市| 菏泽市|