Vue3中Vue I18n如何在模板中使用动态消息键？

你的写法不可行，Vue模板中属性绑定不能使用{{}}语法，必须用v-bind（或简写:）来绑定动态变量。

正确实现方式 #

直接用:keypath绑定你的动态键值：

<i18n-t :keypath="messageKey" tag="p" id="myId">
  <!-- 插值参数（如果需要） -->
  <template #param1>{{ dynamicValue }}</template>
</i18n-t>

关键说明 #

• messageKey需要是组件内定义的响应式变量（比如在setup中用ref或reactive声明），或者是父组件传入的props，其值必须对应翻译文件中存在的键名字符串。
• 如果翻译文本包含占位符，可通过内部<template>标签传递对应参数，模板的#后面跟占位符名称。

内容的提问来源于stack exchange，提问作者Safari