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同样用法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容