use <a/> or <nuxt-link/>

[lijx2018github]

[lijx2018github]

两个标签同时存在，标签跳转都没问题

)

如果只写标签则无法成功跳转

[lijx2018github]

nuxt.config.js

modules: [
    '@nuxtjs/i18n',
    '@nuxtjs/axios',
    '@nuxtjs/style-resources'
  ],
  i18n: {
    locales: [
      { code: "lang_tw", iso: "zh-HK", file: "tw.json" },
      { code: "lang_en", iso: "en-US", file: "en.json" }
    ],
    langDir: "~/locales/", 
    lazy: true,
    strategy: "prefix_except_default",
    defaultLocale: "lang_tw",
    vueI18n: {
      fallbackLocale: ['lang_tw'],
    },
    sortRoutes: true,
    detectBrowserLanguage: { 
      useCookie: true,
      cookieKey: "lang",
      redirectOn: 'root',
      alwaysRedirect: true,
      fallbackLocale: "lang_tw"
    }, 
  }

[lijx2018github]

help me please

[rchl]

Use @click.prevent. Otherwise the browser will navigate to the link of the anchor.

[lijx2018github]

@rchl thanks, does this affect the SEO of ` / about '

[rchl]

For better SEO use

<a :href="localePath('/global/about')" @click.prevent="$router.push(pageRoute)">...</a>

Or just the nuxt-link.

[lijx2018github]

@rchl thanks so much