小编Kad*_*y03的帖子

Vue.js - 即使对象存在也无法读取属性

我使用vue-resourcefirebase获取数据。基本上,当我遍历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)

控制台中显示的对象结构非常好:

在此处输入图片说明

但是当我尝试时,通过以下方式访问 …

modal-dialog firebase firebase-realtime-database vuejs2

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

Vue.js-除非刷新,否则不会自动升级Material Design Lite组件

我在Vue.js项目中使用Material Design Lite组件。当我重定向到另一个页面时,我的UI似乎坏了,看起来像这样:

在此处输入图片说明

但是当我刷新它时,它有些固定,看起来应该是这样:

在此处输入图片说明

我检查了控制台,在元素部分发现了一些奇怪的东西。在刷新之前,代码行(以蓝色突出显示)如下所示

在此处输入图片说明

..并在刷新后变为:

在此处输入图片说明

似乎在刷新页面时,组件已升级。但是,当我单击链接并重定向到该页面时,它不会自动升级。如何解决此问题?我不想每次进入新页面时都按F5

html css vue.js material-design vuejs2

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