时间戳

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

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

问题描述

从后台动态多语言站点到大站点的替换我改了语言，不过这次是第一次尝试在前台做（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 方法用引号括起来在里面的tag quote 怎么写？

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

谢谢你。

标签： vue.jsnuxt.jsnuxt-i18n

解决方案

建议修复：

<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

推荐阅读