我在传递值时遇到问题,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