運行的時候，出現了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

}table{margin:100px auto;border:1px solid #000;border-collapse:collapse; /*設置表格的邊框是否被合并為一個單一的邊框*/border-spacing:0; /*設置相鄰單元格的邊框間的距離*/

}tr{width:300px;height:50px;line-height:50px;border-bottom:1px solid #000;background-color:pink;

}td, th{width:99px;height:50px;line-height:50px;text-align:center;border-right:1px solid #000;

}

姓名年齡住址

總結

以上是生活随笔為你收集整理的vue接收json数据_Vue之使用ajax获取json数据，并用v-for循环显示在表格中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。