当我使用Nuxt.js + i18n时，我想使用t方法获取标签和自定义数据属性的href，而不是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方法包装在引号内的引号中我该怎么写？

这种形状是理想的，因为比例太大对于给您带来的不便，我们深表歉意，但是如果您能教我们，我们将不胜感激。

谢谢。

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