当使用 Nuxt.js + i18n 时，我想对标签的 href 和自定义数据属性使用 t 方法而不是 nuxt-link

Question

动态多语言网站从后台到大型网站的更换我换了语言，但这次我是第一次尝试在前台做（Nuxt.js + i18n）。

<a href="https://gooogle/en.com" data-link="fugafuga">

不使用 nuxt-link

<template>
  <a href="https://gooogle/｛｛t('locale')｝｝.com" data-link="｛｛t('hogehoge')｝｝" >
</template>

是否可以原样转移使用标签？（上面的写法，出错了，没用，请教我一个解决方法） I18n t 方法在内部标记 quote 中用引号引起来怎么写？

希望这样的形状，因为尺度太大了对于给您带来的不便，我们深表歉意，但如果您能教我们，我们将不胜感激。

谢谢。

Answer 1

建议的修复：

<template>
  <a :href="`https://google/${t('locale')}.com`" :data-link="t('hogehoge')"></a>
</template>

您可以在此处阅读有关使用 Vue/Nuxt 进行数据绑定的更多信息：https://vuejs.org/v2/guide/class-and-style.html#Object-Syntax

I want to use t method for href of a tag and custom data attribute instead of nuxt-link when using Nuxt.js + i18n