uniapp 使用vue-i18n实现传入变量国际化

实现传入变量，做对应的国际化

• zh-ch.js

export default {
  "my.ll": "你好，我是{name},性别：{sex}"
}
1
2
3

• en.js

export default {
    "my.ll": "Hello, I am {name},sex:{sex}"
}
1
2
3

一、直接插入变量

Vue组件中使用如下：

 <p>{{$t('my.ll', {name:'123',sex:'666'})}}</p>
1

二、变量以HTML的形式插入

<template>
    <div>
        <span>Hello,</span>
        <i18n path="my.ll" :tag="false">
          <template slot="name">
            <span style="color:red">1231</span>
          </template>
          <template slot="sex">
            <span style="color:red">888</span>
          </template>
        </i18n>
    </div>
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13