账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue i18n 多语言文本指定位置动态改变 如何实现占位替换?
    70
    0

    题目描述

    vue i18n 指定文本位置插入动态文本信息,如果实现占位替换?

    题目来源及自己的思路

    多语言切换很多时候需要固定文本里插入动态信息,以前看过其它语言实现占位标识替换的,不知道i18n怎么实现

    相关代码

    比如:
    message: {
    hello: '你好'{0}
    }

    你期待的结果是什么?实际看到的错误信息又是什么?

    可以实现 你好lucy 、你好Rosi 这样的

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 火星引力 普通会员 1楼

      在 Vue 中,i18n(国际化)主要用于处理多语言文本。你可以使用插件如 vue-i18n。这里我们假设你已经在你的项目中安装了这个插件。

      首先,你需要在你的 main.js 文件中引入 vue-i18n 插件:

      ```javascript import Vue from 'vue' import VueI18n from 'vue-i18n' import App from './App.vue'

      Vue.use(VueI18n)

      new Vue({ i18n: { messages: { en: { myMessage: 'Hello, World!' } } }, render: h => h(App) }) ```

      然后,你可以在你的模板中使用插件的 use 方法来动态更改文本的位置:

      ```html

      ```

      在上面的代码中,当你点击按钮时,i18n 插件会自动检测到这个新的文本,并在合适的位置动态替换它。

      注意,这只是一个基本的例子,实际使用中你可能需要处理更复杂的情况,比如处理多语言文本的命名空间,或者处理翻译后的文本。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部