时间戳

首页 > 解决方案 > 将道具值传递给axios中的url不起作用

ajax - 将道具值传递给axios中的url不起作用

问题描述

我正在尝试将变量发送到 axios 的 url，但这样做会为我提供错误 404，甚至在错误时将“{”大括号更改为“%”

从'axios'导入Axios导出默认{

mounted(){
    this.$parent.$on('create_new_lesson',(seriesId)=>{
       this.seriesId = seriesId

        $('#createLesson').modal()
    })
},
data()
{
    return{
        title:'',
        description:'',
        episode_number:'',
        video_id:'',
        seriesId:''
    }
},

methods:{
   createLesson()
   {
    Axios.post('/admin/${this.seriesId}/lessons',{
        title:this.title,
        description:this.description,
        episode_number:this.episode_number,
        video_id:this.video_id
     }).then(resp =>{
       console.log(resp)
     }). catch(resp =>{
       console.log(resp)
     })
   }
}

}

它应该返回将创建的数据发送到控制台在此处输入图像描述

标签： ajaxlaravelvue.js

解决方案

对于字符串插值，您需要使用反引号`而不是单引号'：

`/admin/${this.seriesId}/lessons`

推荐阅读