2024年06月15日 建站教程
Layui Vue目前的默认文案是简体中文,如果需要使用其他语言,可以参考下面的方案。
基本使用
通过 config-provider 组件 locale 属性设置启用的语言。
<template> <lay-config-provider locale="zh_CN"> <App /> </lay-config-provider> </template>
高级使用
在 layui-vue 内部维护了一个 vue-i18n 实例, 你可以通过 useI18n 方法来获取。
通过 locales 属性扩展语言包, 自定义语言优先级大于组件库内部维护的语言。
<template> <lay-config-provider locale="zh_CN" :locales="locales"> {{ t('hello') }} </lay-config-provider> </template> <script setup> import { useI18n } from "@layui/layui-vue"; import zh_CN from "./custom/zh_CN"; import en_US from "./custom/en_US"; const { t } = useI18n(); const locales = [ { name: "zh_CN", locale: zh_CN, merge: true }, { name: "en_US", locale: en_US, merge: true }, ] </script>
本文链接:http://so.lmcjl.com/news/6622/