如何使用VueJS Axios发布Laravel GraphQL变异

Question

使用axios.post到Larvel GraphQL时出现错误

我的data（）代码

data() {
    return {
        name:"",
        content:"",
        data_post:{
            query:`
                mutation {
                    createGrammar(
                        name: "${this.name}",
                        content:"${this.content}",
                    ) {
                        id
                    }
                }
            `
        },
    };
},

我的方法代码

methods:{
    createGrammar(){
        axios.post('/graphql',this.data_post)
            .then((response)=>{
                console.log(`${this.name}`);
                this.fetchGrammar();
            })
            .catch((error)=>console.log(error));
    },
}

当我发送请求时，我得到未定义的值，${this.name}可以获取name中的数据，但是当发送到GraphQL时，name中的数据将变为未定义的@@，然后我测试{{ 1}}

谢谢