情况:
我使用laravel-graphql作为后端 GraphQL 服务,使用vue-apollo作为前端客户端。
在我的 Vue 组件中,我有一个 gql 查询,如下所示:(关系:A Song has more SongParts)
const getSong = gql`
query FetchSong ($id:Int!){
song(id: $id) {
id,
name,
authors_lyrics,
authors_music
song_parts{
type
lyrics
}
}
}`;
现在有一个突变,我想用它来更新给定的歌曲:
const updateSong = gql`
mutation updateSongMutation ($id:Int!,$name:String,$authors_lyrics:String,$authors_music:String, $song_parts: [SongPart]) {
updateSongMutation(id: $id, name: $name, authors_lyrics: $authors_lyrics, authors_music: $authors_music, song_parts: $song_parts) {
id
}
}`;
.. 并且在使用这种方式的 Vue 组件中:
methods: {
save: function(){
this.$apollo.mutate({
mutation: updateSong,
variables: this.songData,
}).then((result) => {
console.log(result);
}).catch((error) => {
console.log(error);
})
}
},
但是,要更新 song_parts 数组,我需要定义一个自定义输入类型:
input SongPart{
id: Int!
lyrics: String
}
问题
我不知道在哪里定义这个输入类型。当我在 Chrome WebTools 中使用 GraphiQL 时,在突变之前定义它没有问题。我还找到了一些关于阿波罗服务器的信息,但我在客户端需要它。
所以基本上问题是关于改变数据列表。