1、将英文修改为中文,找到src/main.js文件,
// set ElementUI lang to EN
//Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui,按如下方式声明
Vue.use(ElementUI) //取消该行注释
2、修改侧边栏选项为中文,在 @/router/index.js,设置title为中文。
meta: {
roles: ['admin', 'editor'] // 设置该路由进入的权限,支持多个权限叠加
title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字
icon: 'svg-name' // 设置该路由的图标,支持 svg-class,也支持 el-icon-x element-ui 的 icon
noCache: true // 如果设置为true,则不会被 <keep-alive> 缓存(默认 false)
breadcrumb: false // 如果设置为false,则不会在breadcrumb面包屑中显示(默认 true)
affix: true // 如果设置为true,它则会固定在tags-view中(默认 false)
}
3、修改dashboard面包屑为中文
// src/component/breadcrumb
if (!this.isDashboard(first)) {
matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
}
本文档指导如何将Vue项目中的Element UI组件库设置为中文,并详细说明了如何在`main.js`文件中取消注释以启用中文语言包。同时,介绍了在`@/router/index.js`中修改侧边栏选项为中文的方法,包括设置路由的`title`属性以显示中文名称。此外,还展示了如何在`src/components/Breadcrumb`中修改面包屑导航的中文标题。
8569

被折叠的 条评论
为什么被折叠?



