javascript - js中異步回傳值的問題？

Question

1、下面是我v-for的列表渲染

#

 <p class="swiper-slide" v-for="bind in binds">
            <p class="bind_box">
              <p class="bind_box_top">
                <p class="bind_box_face"><img :src="bind.face" v-if="bind.face"><img src="../page/baby/images/face_default.png" v-else></p>
                <p class="bind_box_name">{{bind.name}}</p>
              </p>
              <p class="bind_box_main">
                <p class="bind_box_pic"><img :src="bind.id | createdEwm(bind.name,bind.token)"></p>
                <p class="bind_box_text">扫描二维码关注宝贝</p>
              </p>
            </p>
        </p>

2、下面是createdEwm的方法：

createdEwm:function(id,name,token){
        var ewmUrl="bind|"+id+"|"+name//+"|"+token
        var ewmPath=''
        jsbridge.callMethod({
          methodName:"qrGenerate",
          params:{url:ewmUrl,size:150},
          complete:function(data){
            let obj = JSON.parse(data);
            if(obj.errCode=='0'){
              ewmPath=obj.path
            }else{
                alert(obj.errMsg)
                ewmPath=''
            }
            alert(ewmPath)
            return ewmPath
          }
        })
      }

###問題：這時候alert可以彈出返回的ob.path數據，return返回到：src綁定的卻為空？ return回傳的物件不是createdEwm嗎？還是現在對應的return是complete？ ###

Answer 1

裡面方法的return 和外面的方法沒有關係

Answer 2

你要看清楚jsbridgeyi已經在執行callMethod這個方法，而complete只是callMethod下的一個方面，假如你return ewmPath，這個作用域可只是在callMethod下，而不是在createdEwm下，所以返回會為空