我使用vue-resource从firebase获取数据。基本上,当我遍历orders目录下的每个对象时,我匹配该对象的userId,在users目录下找到该对象,并将其作为嵌套对象(userData)与检索到的orders对象一起保存在我的本地数组中。这是我的代码:
//retrieve objects from orders
this.$http.get('https://nots-76611.firebaseio.com/Orders.json').then(function(data){
return data.json();
}).then(function(data){
var ordersArray = [];
for (let key in data){
data[key].id = key;
data[key].measurementsArray = Object.entries(data[key].measurements).sort();
//retrieve a specific user based on the userId of each orders object
this.$http.get('https://nots-76611.firebaseio.com/Users/' + data[key].userId + '.json').then(function(userdata){
return userdata.json();
}).then(function(userdata){
data[key].userData = userdata; //store the object
});
ordersArray.push(data[key]); //pass the object along the userData
}
this.orders = ordersArray;
console.log(this.orders);
});Run Code Online (Sandbox Code Playgroud)
控制台中显示的对象结构非常好:
但是当我尝试时,通过以下方式访问 …
我在Vue.js项目中使用Material Design Lite组件。当我重定向到另一个页面时,我的UI似乎坏了,看起来像这样:
但是当我刷新它时,它有些固定,看起来应该是这样:
我检查了控制台,在元素部分发现了一些奇怪的东西。在刷新之前,代码行(以蓝色突出显示)如下所示
..并在刷新后变为:
似乎在刷新页面时,组件已升级。但是,当我单击链接并重定向到该页面时,它不会自动升级。如何解决此问题?我不想每次进入新页面时都按F5