- 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
{{ message }}
```
在上面的代码中,当你点击按钮时,i18n 插件会自动检测到这个新的文本,并在合适的位置动态替换它。
注意,这只是一个基本的例子,实际使用中你可能需要处理更复杂的情况,比如处理多语言文本的命名空间,或者处理翻译后的文本。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
