Javascript 使用vuejs调用API

Javascript 使用vuejs调用API,javascript,php,vue.js,Javascript,Php,Vue.js,代码: 有人能帮我一下吗,当打开页面而不是{{stats.jobs}时,什么都没有写。 图像和代码笔中也描述了该问题 您的错误在于设置数据。创建vue实例时,必须将其设置为: data : { status : { jobs : null, }, }, 在您共享的示例中,您使用了: data() { return { stats : null, } } 这里有两个问题,您返回对象的这种特定格式用于组件而不是Vue实例,原因是,每个组件都必须有自己的数据集,并将其设置为与

代码:

有人能帮我一下吗,当打开页面而不是
{{stats.jobs}
时,什么都没有写。 图像和代码笔中也描述了该问题


您的错误在于设置数据。创建vue实例时,必须将其设置为:

data : {
  status : {
  jobs : null,
  },
},
在您共享的示例中,您使用了:

    data() {
return {
stats : null,
}
}
这里有两个问题,您返回对象的这种特定格式用于组件而不是Vue实例,原因是,每个组件都必须有自己的数据集,并将其设置为与Vue实例类似,您无法区分同一组件实例的数据

另一个问题是您将stats设置为null,而必须将stats.jobs设置为null。这是因为Vue需要知道Vue实例的变量,并且类似于Vue的映射。有一种方法可以使用vue的set功能设置嵌套值,但您必须查看有关如何执行此操作的文档

参考:


我直接设置了数据集,没有检查API是否正常工作。因此,一定要检查API是否返回数据。

它没有任何更改,对于其他代码,它不起作用。您必须单击该按钮。让它发挥作用。您设置vue的方式是,除非调用该函数,否则它不会是被动的。问题是参数仍然显示,当我输入某个内容时,不会出现任何问题