iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue3中的elementPlus全局组件中文转换方式
  • 246
分享到

vue3中的elementPlus全局组件中文转换方式

2024-04-02 19:04:59 246人浏览 八月长安
摘要

目录elementPlus 全局组件中文转换elementPlus 设置默认语言为中文elementPlus 全局组件中文转换 在项目中使用日期下拉框发现是英文的,需要全局改成中文样

elementPlus 全局组件中文转换

项目中使用日期下拉框发现是英文的,需要全局改成中文样式。

代码实现

在 App.Vue 的文件中修改即可。

代码如下

<template>
    <el-config-provider :locale="locale">
      <router-view></router-view>
    </el-config-provider>
</template>
<script lang="ts" setup>
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn';

const { locale } = Reactive({
  locale: zhCn,
});

</script>

参考官方链接:https://element-plus.org/en-US/guide/i18n.html#configprovider

elementPlus 设置默认语言为中文

Element UI的默认语言是英文。那么如何才能将其改成中文呢?

ElementUI 提供了国际化的支持,这里给出其中的一个改成中文的方法。

找到main.js 文件, 做如下改动:

import {createApp} from 'vue'
import ElementPlus from 'element-plus';
import locale from "element-plus/lib/locale/lang/zh-cn";//需要新加的代码
import App from './App.vue'
import "element-plus/lib/theme-chalk/index.CSS";
 
let app = createApp(App);
app.use(ElementPlus, {locale});//需要改变的地方,加入locale
app.mount('#app');

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue3中的elementPlus全局组件中文转换方式

本文链接: https://www.lsjlt.com/news/165480.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue3中的elementPlus全局组件中文转换方式
    目录elementPlus 全局组件中文转换elementPlus 设置默认语言为中文elementPlus 全局组件中文转换 在项目中使用日期下拉框发现是英文的,需要全局改成中文样...
    99+
    2024-04-02
  • Vue3中注册全局的组件,并在TS中添加全局组件提示方式
    目录Vue3中注册全局的组件Vue3踩坑--全局注册组件我的框架:vue3+vite+ts+naiveUIVue3中注册全局的组件 1. 在src/components中新建inde...
    99+
    2024-04-02
  • vue3配置全局参数(挂载全局方法)以及组件的使用
    目录vue2的方式1. 全局挂载2. 组件使用vue3的方式1. 全局挂载2. 组件使用vue2的方式 1. 全局挂载 Vue.property.xxx import Vue fro...
    99+
    2024-04-02
  • Vue实现全局的toast组件方式
    目录Vue全局的toast组件1.创建toast组件2.创建toast.js文件3.安装并使用 vue自定义toast组件使用总结Vue全局的toast组件 1.创建toa...
    99+
    2023-03-06
    Vue全局的toast组件 Vue全局 Vue toast组件
  • antdForm组件表单在vue3中的使用方式
    目录antd Form组件表单在vue3使用官方文档里写的很清楚总结antd Form组件表单在vue3使用 antd Form表单组件有个最需要注意的问题, 官方文档里写的很清楚 ...
    99+
    2023-05-17
    antd Form组件表单 antd Form组件 vue3 antd Form组件表单
  • windows中ofd文件如何转换格式
    这篇文章主要介绍“windows中ofd文件如何转换格式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“windows中ofd文件如何转换格式”文章能帮助大家解决问题。ofd文件转换格式:首先右击of...
    99+
    2023-07-02
  • windows中tmp文件怎么转换格式
    这篇文章主要介绍了windows中tmp文件怎么转换格式的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇windows中tmp文件怎么转换格式文章都会有所收获,下面我们一起来看看吧。tmp文件转换格式的方法tmp...
    99+
    2023-07-01
  • C++ vector与数组转换写入/读出文件方式
    目录vector与数组转换写入/读出文件vector BLF 文件读写1 BLF文件格式2 BLF文件写入流程3 注意事项vector与数组转换写入/读出文件 #include &l...
    99+
    2022-11-16
    C++ vector vector数组转换 vector数组写入 vector数组读出文件
  • 在 PHP 中将 CSV 文件转换为数组
    逗号分隔值 (CSV) 文件是数据管道的重要组成部分。 无论使用何种编程语言,我们的应用程序都可以使用 CSV。 CSV 文件常用于以行和列格式存储数据。 因此,当我们在 PHP 应用程序中处理 C...
    99+
    2024-02-27
  • 在 PHP 中将数组转换为 CSV 文件
    本篇文章将演示在 PHP 中使用 fputcsv() 函数将数组转换为 CSV 文件。 在 PHP 中使用 fputcsv() 将数组转换为 CSV 文件 fputcsv() 首先将一行格式化为...
    99+
    2024-02-27
  • Node.js中怎么转换文件编码的格式
    今天就跟大家聊聊有关Node.js中怎么转换文件编码的格式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。项目很多 lua 文件不是 utf-8格式,...
    99+
    2024-04-02
  • vue3中props组件抽离的方法
    这篇文章主要讲解了“vue3中props组件抽离的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue3中props组件抽离的方法”吧!props组件抽离场景现在假设需要抽象出一个移动端...
    99+
    2023-06-30
  • windows中tmp文件怎么转换格式mp4
    这篇文章主要讲解了“windows中tmp文件怎么转换格式mp4”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“windows中tmp文件怎么转换格式mp4”吧!tmp文件转换格式mp4的方法...
    99+
    2023-07-01
  • 怎么在python中转换json文件格式
    本篇文章给大家分享的是有关怎么在python中转换json文件格式,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。python有哪些常用库python常用的库:1.requesu...
    99+
    2023-06-14
  • C#中字符串与字节数组的转换方式
    一、编码(转成字节数组)GetBytes   1、ASII码:字符串中的每个字符用一个字节表示。 每个字符实际上只使用了7位,从00h-7Fh。只能表达128个字符。不能代...
    99+
    2024-04-02
  • windows中ofd文件怎么转换成pdf格式
    这篇“windows中ofd文件怎么转换成pdf格式”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“windows中ofd文件...
    99+
    2023-07-02
  • Vue3中进行页面局部刷新组件刷新的操作方法
    目录前言开始操作vue2和vue3的区别vue2vue3Vue2和Vue3的钩子函数生命周期对照步入正题,解决今天的问题代码前言 今天在给vue3的项目中进行数据绑定的时候,发现我删...
    99+
    2022-12-20
    Vue3页面局部刷新 Vue3组件刷新 vue局部刷新
  • windows中psd文件如何转换成cdr格式
    这篇文章主要介绍“windows中psd文件如何转换成cdr格式”,在日常操作中,相信很多人在windows中psd文件如何转换成cdr格式问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望...
    99+
    2023-02-25
    windows
  • windows中ofd文件怎么转换成wps格式
    本篇内容介绍了“windows中ofd文件怎么转换成wps格式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成...
    99+
    2023-01-03
    windows wps
  • 在Vue2中注册全局组件的两种方法详解
    第一种:在main.js中直接注册 //引入 import FixedTop from '@/components/FixedTop //注册为全局组件 Vue.componet('...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作