Layui - Vue如何设置默认语言

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>

进入Layui Vue中文语言文档

本文链接:http://so.lmcjl.com/news/6622/

展开阅读全文