js中异步返回值的问题？

Question

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

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

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下，所以返回會為空