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下，所以返回会为空