Bootstrap

vue i18n 携带参数&js文件中使用 接口动态返回key,前端获取

看文档很重要https://kazupon.github.io/vue-i18n/zh/guide/formatting.html

1.标签中使用

语言配置环境文件下数据格式:

const messages = {
  en: {
    message: {
      hello: '{msg} world'
    }
  }
}

模板中使用:

<p>{{ $t('message.hello', { msg: 'hello' }) }}</p>

输出如下:

hello world

2.在js文件中使用

key是动态的 从接口中取的 并携带参数
接口返回数据:
在这里插入图片描述
msgcode是key,msg,msgParams是需要显示的内容 这里msgParams是数组类型的

语言配置环境文件下数据格式:
在这里插入图片描述
弹框里message字段 使用国际化
在这里插入图片描述
在这里插入图片描述

;