国产探花免费观看_亚洲丰满少妇自慰呻吟_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屬性值初始化時報錯的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 清流县| 盐山县| 金乡县| 商水县| 桃园市| 昌吉市| 馆陶县| 鄯善县| 铜鼓县| 马边| 通榆县| 礼泉县| 灯塔市| 西峡县| 绥阳县| 鹤壁市| 永川市| 绵阳市| 鲁甸县| 黑河市| 广宗县| 东城区| 阳高县| 桐庐县| 宝清县| 清水河县| 杭锦后旗| 长岭县| 班玛县| 沂水县| 西乌| 宁乡县| 台中市| 盐城市| 喀什市| 邹平县| 泌阳县| 保定市| 双峰县| 奉节县| 阳新县|