将props值传递到axios中的url不起作用

时间:2019-05-03 00:49:13

标签: ajax laravel vue.js

我正在尝试将变量发送到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)
     })
   }
}

}

它应该返回将创建的数据发送到控制台enter image description here

1 个答案:

答案 0 :(得分:3)

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

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