在使用Nuxt.js + i18n时,如果你想使用t方法来处理标记和自定义数据属性的href,而不是nuxt-link,你可以按照以下步骤进行操作:
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
export default ({ app }) => {
app.i18n = new VueI18n({
locale: 'en',
fallbackLocale: 'en',
messages: {
en: require('~/locales/en.json'),
zh: require('~/locales/zh.json')
}
})
}
<template>
<div>
<a :href="t('path.to.href')">Link</a>
</div>
</template>
{
"en": {
"path": {
"to": {
"href": "/en/link"
}
}
},
"zh": {
"path": {
"to": {
"href": "/zh/link"
}
}
}
}
这样,当你切换语言时,t方法会根据当前语言环境返回对应的href值,实现了使用t方法处理标记和自定义数据属性的href。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求和项目情况进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云