将两个或多个变量从 Laravel 控制器发送到 vue 组件

Question

假设我有一个像这样的 Vue 组件export default {    created() {        axios.get("a url").then(res => {            console.log(res.data);        });    }};然后axios向laravel控制器中的这个函数发送请求public function something(){    $data = Model::all();    $comments = Comment::all();    // here i want to send both $data and $comments to that view    return response()->json();}我可以同时发送它们吗？这个组件和函数只是一个例子

Answer 1

在这里，您可以创建一个关联数组并通过 json 发送。

public function something()

    {

        $data=Model::all();

        $comments=Comment::all()

        return response()->json([

         'data'=>$data,

         'comments'=>$comments

       ]) //here i want to send both $data and $comments to that view

    }

在 Vue 中你可以写这样的东西。

export default

{

    data(){

       return {

         comments:[]

       }

    },

    created()

        {

           axios.get("a url")

                .then(res=>{

                    this.comments = [...res.data.comments] //If you are using ES6

                    }

        }

}

Answer 2

您可以通过使用responselaravel的方法简单地实现这一点

public function something()

{

    $data=Model::all();

    $comments=Comment::all()

    return response()->json([

         'data'=> $data,

         'comments'=> $comments

       ], 200);

}

或使用相同方法的另一种方式

public function something()

{

        $data=Model::all();

        $comments=Comment::all()

        return response([

         'data'=> $data,

         'comments'=> $comments

        ], 200);

}

在您的组件中，您可以简单地使用

export default

{

    created()

        {

           axios.get("a url")

                .then(res=>{

                       console.log(res.data.data)

                       console.log(res.data.comments)

                    }

        }

}

谢谢

Answer 3

你可以简单地做到这一点

public function function()

{

    $data=Model::all();

    $comments=Comment::all()

    return response()->json([

     'data'=>$data,

     'comments'=>$comments

   ]) //here i want to send both $data and $comments to that view

}