Есть ли способ показать данные, поступающие с API?

Question

Я создаю спа-центр, в котором мне нужно получить данные от контроллера. Я получаю данные из API, но не могу отобразить данные в моем контроллере VUE.

   export default {
 data() {
    return {
      ids:{},
        form: new Form({
          name:'',
          relation:'',
          gender:'',
          dob:'',
          marriage_status:'',
          matrimonial:'',
          email:'',
          mobile:'',
          father_name:'',
          mother_name:'',
          address:'',
          city:'',
          state:'',
          occupation:'',
          department:'',
          post_graduate_degree:'',
          post_graduate_university:'',
          post_graduate_university_city:'',
          post_graduate_university_state:'',
          post_graduate_university_percentage:'',
          post_graduate_year_of_passing:'',
          graduate_degree:'',
          graduate_university:'',
          graduate_university_city:'',
          graduate_university_state:'',
          graduate_university_percentage:'',
          graduate_year_of_passing:'',
          class_12_board : '',
          class_12_school_name:'',
          class_12_percentage:'',
          class_12_year_of_passing:'',
          class_12_city:'',
          class_10_board:'',
          class_10_school_name:'',
          class_10_percentage:'',
          class_10_year_of_passing:'',
          class_10_city:'',
          username:'',
          password:''

          })
        }
      },
    methods:{
  loaduser(){

   axios.get('api/userDetails').then(function (response) {
// handle success
 this.ids = response.data;
    console.log(response.data);
  console.log(this.ids);
  })
   },
      created() {
      this.loaduser();
   }
    }

Iя получаю данные из API, но я не могу сохранить эти данные в объекте идентификаторов. Как этого добиться.

Я уже пробовал this.ids = response.data, но он не работает.

Я хочу получить данные пользователя, такие как имя пользователя, имя, адрес электронной почты и т. Д., ВИдентификатор объекта. или если есть какой-то другой хороший способ сделать это. это мой файл контроллера

 <?php

namespace App\Http\Controllers\API;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\UserDetail;
use App\User;
use Illuminate\Support\Facades\Hash;
use Auth;

class UserDetailsController extends Controller
{

public function __construct()
{
 $this->middleware('auth:api');

}

/**
 * Display a listing of the resource.
 *
 * @return \Illuminate\Http\Response
 */
public function index()
{
  return auth('api')->user();
//return $user = Auth::user();
 }

Answer 1

Одна вещь, которую вы пропустили, это "это". Вы присваиваете данные локальной переменной. Здесь я обновил код

export default {
  data() {
    return {
      ids:{},
      //
    },
  methods:{
    loaduser(){
      axios.get('api/userDetails').then(function (response) {
        // handle success
        this.ids = response.data;
        console.log(response.data);
        console.log(this.ids);
      })
    },
    //
  }
}