nuxt国际化的跳转方式

html内:

#不携带参数:
    nuxt-link(:to="$i18n.path('')") // path后参数内是组件名称,多级则不需要带第一层级的/,例如
    $i18n.path('home') || $i18n.path('home/about')
#携带参数:
    nuxt-link(:to="{ path: $i18n.path(''), query:{p1: 'xxxx'} }")
    ||  nuxt-link(:to="{ path: $i18n.path('home'), query:{p1: 'xxxx'} }") 
    ||  nuxt-link(:to="{ path: $i18n.path('home/about'), query:{p1: 'xxxx'} }") 

js内:

 #不携带参数:
    this.$router.push(this.$i18n.path(""))
    ||  this.$router.push(this.$i18n.path("home"))
    ||  this.$router.push(this.$i18n.path("home/about"))
 #携带参数:
    this.$router.push({ path: this.$i18n.path(""), query:{p1: 'xxxx'} })
    ||  this.$router.push({ path: this.$i18n.path("home"), query:{p1: 'xxxx'} })
    ||  this.$router.push({ path: this.$i18n.path("home/about"), query:{p1: 'xxxx'} })

参数的话,params与query同样用法

你可能感兴趣的:(nuxt国际化的跳转方式)