发送参数post vueJS

Question

我在使用 axios vueJS 发送参数时遇到问题。我的脚本总是返回错误 500，因为索引未定义，我不知道为什么。另外，当我尝试点击按钮时，第一次不起作用，第二次 axios 做了两次请愿。我附上了我的实际代码。

感谢帮助

首先我需要 bono 类型，为了得到这个，我正在做：

(".contratar").on("click", function(e){

                var bono = $(this).closest("tr").find("td:eq(0)").text();

在我回答该值之后，我开始使用 axios 请求。

if(bono == 1){

     let url = "/contrarBono30Min";

     let bono = "Bono30Min";

     axios.post(url, { bono: bono } )

          .then((response) => {

              console.log(response);

           });

}

在我的控制器中：

    public function contrarBono30MinHome(){

        $usuario = \Auth::user()->id;

        $bono = $_GET["bono"];

        $precioBono = \DB::select("SELECT precio FROM bonos WHERE codBono = '1'");

}

我的 vue 组件

<tr v-for="data in bonosDisponibles" :key="data.id">

            

                <td>{{ data.codBono }}</td>

                <td>{{ data.tipo }}</td>

                <td>{{ data.minutos }}</td>

                <td>{{ data.precio }}</td>

                <td><button class="btn btn-danger contratar" @click="contratar">Contratar</button></td> 

            </tr>

反函数

contratar: function(){

            $(".contratar").on("click", function(e){

                var bono = $(this).closest("tr").find("td:eq(0)").text();

                if(bono == 1){

                    let url = "/contrarBono30Min";

                    let bono = "Bono30Min";

                    axios.post(url, { bono: bono }

                            )

                            .then((response) => {

                                console.log(response);

                            });

                }

                if(bono == 2){

                    let url = "/contrarBono1H";

                    axios.post(url, {bono:Bono1H})

                            .then((response) => {

                                console.log(response);

                            });

Answer 1

对于 POST URL 中的发送参数.post(url,&nbsp;{&nbsp;params:&nbsp;{&nbsp;codigo:&nbsp;codigoAsistencia&nbsp;}&nbsp;})