如何在v-for中使用i18n变量？

想要在v-for中使用 i18n 变量，可按以下步骤操作：

1.在模板中，使用v-bind指令将待翻译的文本绑定到一个属性上，例如：

<span v-bind:title="$t('message')">{{ $t("hello") }}</span>

2.定义一个数组，包含要翻译的文本和对应的key，例如：

const messages = [ { id: 'hello', message: 'hello world' }, { id: 'message', message: 'this is a tooltip message' }

3.在.vue文件中，引入 i18n 实例，并添加messages数组：

import { i18n } from '../ i18n .js'

i18n .mergeLocaleMessage('en', { messages

4.在v-for中使用数组的方式访问 i18n 变量，例如：

<span v-for="message in $t('messages')" v-bind:title="$t(message.id)">{{ $t(message.id) }}</span>

这样就可以在v-for中使用 i18n 变量了。