小编cla*_*koy的帖子

使用 Promise 传递参数 VUE

我在传递值时遇到问题,then parameter但是当我console.log(url)返回一个值时

var x =""

export default{

firebase(){
return {
    menu : db.ref('menu')
}
},


    data(){
        return {
        menu : [],
        sampleVar : ""
        }

    },methods: {
        getURL(imageUri){
            var starsRef = sb.refFromURL('https://firebasestorage.googleapis.com/v0/b/hse-delights.appspot.com/o/'+imageUri);
             starsRef.getDownloadURL().then(function(url) {
                x = url;
                this.sampleVar = url;
                console.log(url);
            }) 
            return x;

        }
    }

}
Run Code Online (Sandbox Code Playgroud)

即使我尝试了return this.sampleVar也无法获取该值,我是否缺少传递参数的东西?请帮忙,非常感谢

我的模板是

            <div class="menuList__item" v-for="food in menu">
                <div class="menuList__color pr">
                    <div class="menuList__img">
                        <img class="menuList__path" :src="getURL(food.mPath)">
                    </div>
                    <div class="menuList__details pr">
                        <strong class="menuList__name"> {{food.mName}} </strong>
                        <div class="menuList__description">{{food.mDesc}}</div>
                        <div …
Run Code Online (Sandbox Code Playgroud)

javascript firebase ecmascript-6 vue.js firebase-realtime-database

1
推荐指数
1
解决办法
1916
查看次数