在Vue模板中返回值

Question

在我拥有数据的同时，我无法在模板中获取值，这是我的代码：

代码

<template>
    <div>
        {{project}}
    </div>
</template>

<script>
    export default {
        props: ['id'],
        data() {
            return{
                project:[]
            }
        },
        created(){
            this.fetchProject();
        },
        methods:{
            fetchProject(){
                var self = this;
                axios.post('/showprojectvue/' +self.id).then(res => {
                        self.project.push(res.data);
                    });
            },
        }
    }
</script>

output

[ { "id": 33, "user_id": 2, "title": "kjfsdjowhd", "slug": "kjfsdjowhd", "body": "<p>khweihgtfihrwhtg</p>", "attachment": null, "projectclass": "sthrh", "budget": 36346, "deadline": "2018-08-24", "published": "n", "runing": "n", "payment_verified": "n", "created_at": "2018-08-05 03:43:16", "updated_at": "2018-08-05 03:43:16" } ]

我不能使用{{project.title}}或{{project['title']}}

中的任何一个

如何获取我的数据？

Answer 1

由于您的数据是一个数组，因此需要使用Employees = _entities.Employees.Where(p.Salary==searchBy)).ToList(); 对其进行迭代。

v-for

示例

<template>
    <div v-for="obj in project">
        {{obj.title}}
    </div>
</template>

function callMe(){
    var vm = new Vue({
        el : '#root',
        data : {
        project : []
        },
        methods: { 
        ajaxCall(){
          this.project=[{ "id": 33, "user_id": 2, "title": "kjfsdjowhd", "slug": "kjfsdjowhd", "body": "<p>khweihgtfihrwhtg</p>", "attachment": null, "projectclass": "sthrh", "budget": 36346, "deadline": "2018-08-24", "published": "n", "runing": "n", "payment_verified": "n", "created_at": "2018-08-05 03:43:16", "updated_at": "2018-08-05 03:43:16" }];
          }
        },
        
    })
}
callMe()