尧图网络科技YAOTU DIGITAL 获取报价
获取报价
首页 / 资讯中心 / 文章详情

【AI教做人】最小编程,多语言模块

发布时间:2026/9/29 4:39:01

资讯中心
01
ARTICLE

【AI教做人】最小编程,多语言模块

【AI教做人】最小编程,多语言模块
多语言调用代码并且现在有AI代码提示应该替换方便很多import { t } from ../i18n/i18n.js; const ocean ui.addTab(ocean, t(ocean), ocean); sea.addSlider({ label: t(windSpeed), object: s, key: wind, });模块结构和基础代码例如 zh.js// src/i18n/zh.js export default { settings: 设置, controls: 操作说明, language: 语言, english: English, chinese: 中文, ocean: 海洋, windSpeed: 风速, };i18n管理类一个// src/i18n/i18n.js import en from ./en.js; import zh from ./zh.js; const dictionaries { en, zh }; let current localStorage.getItem(tidewater.language) || en; export function language() { return current; } export function t(key) { return dictionaries[current][key] ?? dictionaries.en[key] ?? key; } export function setLanguage(next) { current next zh ? zh : en; localStorage.setItem(tidewater.language, current); window.dispatchEvent(new CustomEvent(tidewater-languagechange, { detail: { language: current }, })); }忘了说了关键是要调用setLanguage(next)settings.addSelect({ label: t(language), object: { value: language() }, key: value, options: [ { label: English, value: en }, { label: 中文, value: zh }, ], onChange: (value) { setLanguage(value); // location.reload();不是什么都需要reload的 }, });古法编程参考 - JAVA iReport多行自适应​​​​​​ghttp://lyh7609.iteye.com/blog/722148看来只有这个方法了
02
RELATED NEWS

相关资讯

更多网站建设与数字化升级内容

03
WHY YAOTU

想打造同款高转化官网?

懂行业、懂生意,从建站到增长一站式陪跑

◈

场景化定制

不做模板站,围绕你的业务场景量身设计,小众不撞款。

◐

营销型架构

以转化目标组织内容与路径,让官网真正带来询盘。

▲

全周期服务

设计、开发、运营、运维一体,上线只是开始。

免费获取你的建站方案

留下需求,专属顾问 24 小时内为你输出方案建议。