vue接收json数据循环到html,Vue之使用ajax获取json数据，并用v-for循环显示在表格中...

https://www.cnblogs.com/creazybeauty/p/8569043.html

Vue之使用ajax获取json数据，并用v-for循环显示在表格中

运行的时候，出现了php跨域问题，解决办法是在php的头文件中添加了如下代码：

header('Content-Type: application/json');

header('Content-Type: text/html;charset=utf-8');

header('Access-Control-Allow-Origin:*');

header('Access-Control-Allow-Methods:*');

header('Access-Control-Allow-Headers:x-requested-with,content-type');

目的：在vue中获取从ajax获取的json数据，并用v-for循环显示在表格中

效果如下：

html示例代码如下：

Title

姓名

年龄

住址

php代码如下：

json代码示例如下：

[{

"name":"baby",

"age":27,

"address":"china weifang"

},

{

"name":"黄晓明",

"age":30,

"address":"china yantai"

},

{

"name":"鹿晗",

"age":22,

"address":"china qingdao"

}]