API的数据在网站上没有显示，但没有显示错误vuejs+axios
创始人
2024-09-07 09:30:35
0次
- 确保你已经正确引入了Vue和axios，并且Vue实例已经正确初始化。
- 确保你已经正确编写了使用axios获取数据的代码，在获取数据成功后，将数据保存在Vue组件的data属性上。 例如，你可以这样写：
- 确认你已经正确使用了数据，例如在组件的模板中使用
v-for指令来循环渲染数据，或使用{{ myData }}来显示数据。 例如，你可以这样写：
- {{ item.name }}
- 如果数据仍然没有显示，确认API是否返回了正确的数据格式，并且Vue组件是否正确解析了数据格式。你可以在浏览器的开发者工具中查看API的返回值，或在组件的模板中使用
{{ myData | json }}查看数据的JSON格式。 例如，如果API返回的数据类似于：
[
{ "id": 1, "name": "张三" },
{ "id": 2, "name": "李四" },
{ "id": 3, "name": "王五" }
]
那么在组件的