重新获取查询参数的值

Question

您好，我想将我的反应数据的值传递给查询参数，但我不知道如何？

<template>
  <div id="app">
    <div id="nav">
      <router-link :to="{ name: 'HomeRoute', query: { lang: language } }">{{
        $t("home")
      }}</router-link>
      |
      <router-link to="/about">About</router-link>
    </div>
    <router-view />
  </div>
</template>

<script>
import i18n from "./i18n";

export default {
  data() {
    return {
      language: i18n.locale,
    };
  },
</script>

在本例中，我想将查询参数 (lang) 的值设置为与 i18n.local 相同，它存储到一个名为 language 的变量中。如果有人可以帮助我，我真的很感激。

Answer 1

在您的数据中，您可以创建一个路由对象并将其简单地传递给您的 :to 属性

<template>
  <div id="app">
    <div id="nav">
      <router-link :to="home_route">{{
        $t("home")
      }}</router-link>
      |
      <router-link to="/about">About</router-link>
    </div>
    <router-view />
  </div>
</template>

<script>
import i18n from "./i18n";

export default {
  data() {
    return {
      home_route : { name: 'HomeRoute', query: { lang: i18n.locale } }
    };
  },
</script>