模板字符串拼接变量出错

Question

这是vue中的代码：

async fetch() {
                console.log(this.id)
                // 访问后端接口
                const res = await this.$http.get(`categories/${this.id}`) // eslint-disable-line no-unused-vars
                this.model = res.data;
            },

Cast to ObjectId failed for value "id" at path "_id" for model "Category"   是为什么

this.$http.get(`categories/${this.id}`)改成this.$http.get(`categories/`+ this.id)就可以使用了是为什么啊！！！！

Answer 1

${}这个是jsp的写法把，获取id 直接this.id 其中this在vue中就是指向的data  然后就可以直接访问里面的数据了