0

大家，提前感谢您阅读我。自从我开始这个小项目以来，我一直在寻找这个，我已经使用 vue i18n 设置了我的前端，并选择了语言切换器，一切正常，现在我想根据用户的选择显示查询图，所以如果用户在应用程序下拉菜单中选择 de_DE 或 fr_FR，我的图表将获取参数（$i18n.locale）并以正确的语言获取内容。

我从大约 2 年开始读到这篇文章，mat_jack 的最后一个答案基本上是我想要做的，但是，我不确定如何操作或访问查询参数locale以更改值$locale，因为我我是 graphql 的新手，我使用他们在唯一的 vue 项目示例中提供的查询示例来获取数据，所以我没有使用 axios 或 apollo。而且我不知道我是否真的需要安装它来获取 $locale 以及这是否会影响我的项目。

这是我用来感染的示例：

<template> 
<div v-if="response">
 {{ response }}
</div>

</template>

<script>

//Here instead of de_DE I need to pass  $locale containing the value of $i18n.locale
const HOMEPAGE_QUERY = `
 {
 allArticles(locale: de_DE){  
   id
   articleTitle
   articleDate
   articleContent
   categoryName {
     categoryName
   }
   articleTags {
     articleTag
   }
 }
}
`;

export default {

 data(){
   return {
     
     response: null,
    
     
   }
 },

async mounted() {
  try {
    this.response = await request({
      query: HOMEPAGE_QUERY,
      variables: {
        limit: 15,
      }
    });
  } catch (e) {
    this.error = e;
  }
  this.loading = false;
},
}
</script>

在帖子的链接中，但是，这里是dato 提供的语言环境文档部分的链接

预先感谢您的帮助

4

0 回答 0