使用Vue将数组转换为单个对象

时间:2019-01-16 12:26:58

标签: javascript arrays json vue.js vuejs2

如何将数组转换为对象列表?

打开

[
    {
        "currenttime":43481.46983805556,
        "moped":"30 minutes",
        "car":"1 hour"
    }
]

进入

{
    "currenttime":43481.46983805556,
    "moped":"30 minutes",
    "car":"1 hour"
}

从外部来源检索数据,然后使用Vue.js编辑数据

<script type="text/javascript">
    const app = new Vue({
    el: '#app',
    data: {   
        items: []
    },
    created: function() {
        fetch('https://example.com/delivery.json')
        .then(resp => resp.json())
        .then(items => {        
            this.items = items
        })
    }
    });
</script>

我最初尝试使用{{ items.car }}{{ items.0.car }}的表达式进行输出,但没有成功

1 个答案:

答案 0 :(得分:0)

尽管不是理想或正确的解决方案,但添加它确实可以解决此问题。

this.items = items[0]