Question

我尝试在axios.get应用程序中使用vue.js从mongodb（json格式）中获取一些userdata。在此之后，我希望使用用户数组中的所有用户对象的迭代来可视化此数据。但我的问题是，每个字符都是此数组中的单个对象。我想要的是，每个user-json文件都是这个数组中的一个对象。如果我有三个用户对象user.length应该是三个。这里是axios调用的代码：

axios
    .get(RL + "/users")
    .then(response => {       
        this.users = response.data
    })
    .catch(e => {
        this.errors.push(e);
        console.log("Errors in Users: " + e);
    });

有了这个剪切，我想迭代所有对象，显示用户名。但user.name始终只是一个字符而不是全名。

<div v-if="users">
    <li v-for="user in users">
        {{user.name}}
    </li>
</div>

Answer 1

没有任何插件。

var app = new Vue（{ el：＆＃39;＃app＆＃39;，

// YOUR DATA HERE
data: {
    filterResult: [] // THIS IS YOUR JSON FILE
},

// READY FUNCTION HERE
created: function() {
    this.filterResult = this.dataResult();
},

// YOU FUNCTION HERE
methods: {
    // CALLING API
    dataResult: function() {
        $.getJSON('/api/feature/stores/list', function(json) {
            app.results = json;
            app.filterResult = json;
        });
    },
}

}）;

Axios使用vue获取json数据

1 个答案: