多语言开发(vant

这篇具有很好参考价值的文章主要介绍了多语言开发(vant。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

参考:https://blog.csdn.net/qq_44649801/article/details/131878128?spm=1001.2014.3001.5506

多语言开发(vant,vue.js
一、抛出字段对象A
export default { }
二、引入汇总文件,(主要的是 模块分割 汇总,对A 等的处理
export default { A,B, C … }
三、处理汇总文件

剖析一:
多语言开发(vant,vue.js

例子:A 英文
多语言开发(vant,vue.js

例子:A 中文
多语言开发(vant,vue.js

剖析二:多语言开发(vant,vue.js
剖析三、
多语言开发(vant,vue.js
最后再 main,js 挂载
多语言开发(vant,vue.js

最后:文件中调用
1、dom中使用(不同模块下的字段
多语言开发(vant,vue.js
2、在js 中使用
多语言开发(vant,vue.js

最后 切换语言 :
多语言开发(vant,vue.js
处理 后端返回的数据 :(语言类型为参
多语言开发(vant,vue.js

注意字段整理 :

(1)按国际化前端实现方案配置项目;
(2)整理国际化英汉字典文件中的字段,按页面去整理。

运营管理系统字典key
字典表key用数字举例100001位框架第一个key
共用部分public,各个系统建议保持一致。前端把公共部分拉出来,前端生成key。
前端页面调用key,表单校验单独拉一套英文版的,校验规则内容长度放开。不限中英文字符,仅显示特殊字符。文章来源地址https://www.toymoban.com/news/detail-704578.html

到了这里,关于多语言开发(vant的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue 移动端开发vw适配方案&rem适配方案 + vant框架 + unocss|tailwindcss

    写在前面的话:看了这篇文章,有些东西名词啥的不懂的,或者有疑问的推荐百度,因为写的太多真的显得很啰嗦! 目前移动端适配,在市面上主流适配方案无非就两种,rem方案和vw方案。这些方案,就可以自动适配不同移动端屏幕尺寸动态缩放。其实他的适配,你可以理解

    2024年02月12日
    浏览(42)
  • Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(开发导航栏及公共部分)

    系列内容 参考链接 基于 Vue3.x + Vant UI 的多功能记账本(一) 项目演示,涉及知识点 基于 Vue3.x + Vant UI 的多功能记账本(二) 搭建开发环境 Vue3 + Vant UI_多功能记账本 1、底部导航栏 components 文件夹下,创建 NavBar.vue 组件 NavBar.vue 详细内容请看代码和注释 van-tabbar-item 为标签栏

    2024年02月02日
    浏览(59)
  • 分析 vant4 源码,学会用 vue3 + ts 开发毫秒级渲染的倒计时组件,真是妙啊

    2022年11月23日首发于掘金,现在同步到公众号。 11. 前言 大家好,我是若川。推荐点右上方蓝字若川视野把我的公众号 设为星标 。我倾力持续组织了一年多源码共读,感兴趣的可以加我微信 lxchuan12 参与。另外,想学源码,极力推荐关注我写的专栏《学习源码整体架构系列》

    2024年02月05日
    浏览(103)
  • 解决HbuildX中开发uniapp+vant出现的报错:Module build failed (from ./node_modules/postcss-loader/src/index.js):

    首先目录大致一致。 接下来运行的时候会出现Module build failed (from ./node_modules/postcss-loader/src/index.js): 这样的报错。   如果和我的一样的话,那就是HbuildX的坑了。   接下来只需要打开wxconponents里面vant目录下的icon里面的index.vue文件,把鼠标光标点击到代码里面,按ctrl+k,Hbui

    2024年02月15日
    浏览(57)
  • Vue应用多语言支持工程化最佳实践

    VoerkaI18n是一款非常优秀的 全新的开源国际化多语言解决方案 ,主要特性包括: 全面工程化解决方案,提供初始化、提取文本、自动翻译、编译等工具链支持。 符合直觉,不需要手动定义文本Key映射。 强大的插值变量格式化器机制,可以扩展出强大的多语言特性。 支持 b

    2024年02月03日
    浏览(48)
  • Vue实现多语言(i18n)

    安装i18n插件。 在src目录下,创建一个【language】文件夹,并创建两个语言包js文件。 中文语言包:【zh.js】 英文语言包:【en.js】 完善en.js文件和zh.js文件。两个文件的结构要相同。如果用Element-UI,这里导入。 en.js zh.js 在main.js引入插件。 在页面上使用和切换。 使用: 切换

    2024年02月15日
    浏览(48)
  • Vue3中使用vue-i18n实现多语言切换

    1、安装插件【注意Vue3使用9版本,Vue2用的是8版本】 2、在src在创建lang文件夹,并创建index.js、i18n.js、和 翻译的内容文件  3、写入翻译内容,举个例子:英文(en)、中文简体(zhCN)、中文繁体(zhTN) 3、编写index.js文件,导出所有翻译内容 4、编写i18n.js文件 5、在main.js中挂载

    2024年02月06日
    浏览(57)
  • flutter开发实战-多语言flutter intl

    flutter开发实战-多语言flutter intl 之前做的应用中有用到多语言,一直没有整理,这里整理一下多语言设置流程。 使用的是Android studio 使用Android studio安装flutter_intl 插件,更新或者安装flutter_intl 插件后会提示重新启动IDE。 如图所示: 在Android Studio中菜单Tools找到flutter intl创建

    2024年02月13日
    浏览(42)
  • 前端开发 5: Vue.js 框架

    在前端开发中,Vue.js 是一个流行且灵活的 JavaScript 框架,用于构建用户界面。它采用了组件化的开发方式,使得前端开发更加模块化和可维护。在本篇博客中,我将为你介绍 Vue.js 的基础知识和常用技巧,帮助你更好地掌握前端开发中的框架部分。 Vue.js 是一个轻量级的 Jav

    2024年01月19日
    浏览(45)
  • vite+vue3+ts项目构建详细步骤(配置多语言版本)

    时过境迁,我们见证了诸如 webpack、Rollup 和 Parcel 等工具的变迁,它们极大地改善了前端开发者的开发体验。 然而,当我们开始构建越来越大型的应用时,需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。基于 JavaScript 开发的工具就会开始遇

    2024年02月05日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包