我正在try 在vue中接收json.js应用程序如下:

  new Vue({
            el: 'body',
            data:{
                role: '',
                company: '',
                list:[],
                created: function() {
                  this.getJson();
                },
                methods: {
                    getJson: function(){
                        $.getJSON('http://domain.dev/data',function(task){
                          this.list = task;
                        }.bind(this));
                    }
                }
            }
        });

但结果是空的?在postman中测试时,url返回json.我做错了什么?

编辑:

JSON(testdata):

{"EmployeeId":1,"RoleId":5,"DepartmentId":6,"InternId":1,"FirstName":"Zoe","LastName":"Altenwerth","Bio":"Quidem perferendis.","email":"Kole.Bechtelar@hotmail.com","LinkedIn":"Sterling.Schowalter@example.net","Gender":0,"password":"$2y$10$bbUlDh2060RBRVHSPHoQSu05ykfkw2hGQa8ZO8nmZLFFa3Emy18gK","PlainPassword":"gr^S=Z","remember_token":"D528C0Ba1Xzq3yRV7FdNvDd8SYbrM0gAJdFUcOBq4sNEJdHEOb2xIQ0geVhZ","Address":"0593 Dallin Parkway Apt. 499\nBotsfordborough, MT 12501","Zip":"21503-","City":"East Janiston","ProfilePicture":null,"BirthDate":"2002-10-13 00:00:00","StartDate":"1995-11-09 21:42:22","EndDate":"2011-01-27","Suspended":0,"created_at":"2016-02-29 12:21:42","updated_at":"2016-03-02 11:53:58","deleted_at":null,"role":{"RoleId":5,"RoleName":"Superadministrator","Description":"Mag administrators toevoegen en bewerken","deleted_at":null,"created_at":"-0001-11-30 00:00:00","updated_at":"-0001-11-30 00:00:00"},"department":{"DepartmentId":6,"CompanyId":12,"DepartmentName":"com","Description":"Accusantium quae.","deleted_at":null,"created_at":"2016-02-29 12:21:41","updated_at":"2016-02-29 12:21:41","company":{"CompanyId":12,"CompanyName":"Dare, Bailey and Bednar","Logo":null,"Address":"85762 Tabitha Lights\nWest Jettie, AK 20878-2569","Zip":"29601","City":"Traceside","KvKNumber":"84c70661-9","EcaboNumber":"fdee61e3-a22d-3332-a","deleted_at":null,"created_at":"2016-02-29 12:21:41","updated_at":"2016-02-29 12:21:41"}}}

推荐答案

你也必须将this绑定到外部函数.

getJson: function () { ...}.bind(this)

Vue.js相关问答推荐

在 VueJS 中,将变量而不是组件的字符串名称传递给动态组件的 :is 属性不起作用

在 Vue 中更改 json 数据后,如何在屏幕上重新呈现表格组件?

如何从mustache内的过滤器输出html

如何在 vue 组件中定义变量? (Vue.JS 2)

使用 Vue.js 和 Jest 进行 URL 重定向测试

使用带有 v-date-picker 的 new Date() 不起作用

Vue cli 3项目,图像路径中的动态src不起作用

Vue.js 中有没有类似Jquery $(document).ready的功能?

在按键 vuejs 中只允许数字和一个小数点后 2 位限制

使用 Vue Router 设置页面标题

在组件的样式部分使用 Vue 变量

vuex: unknown getter: user

Laravel 中的 VueJS 组件实现中的鼠标悬停

包含 Vue 组件的 HTML 字符串的 Nuxt 渲染函数

Select 下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入?

使用 Vue-cli,我在哪里声明我的全局变量?

如何从 vue 组件调用 App.vue 中的方法

如何在 vue.js 2 上循环对象观察者?

使用 Vee-validate 禁用按钮,直到正确填写表单

Vuetify v-data-table 固定标题不起作用