Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
6
Help us understand the problem. What is going on with this article?
@binary2

ElementUIを日本語で使う方法をまとめてみた.

More than 1 year has passed since last update.

この記事では.

最近vueでお仕事をしていて,コンポーネントライブラリ?にElementUIも使っています.
基本的に日本語にする方法はググればでるけど,オンデマンドな場合(ボタンのみ読み込む場合)は見つからなかったからまとめておく.

ElementUI

多分中国製のライブラリ,デフォルトが中国語だから..
詳しくは↓
http://element.eleme.io/#/en-US

日本語にする方法

全て読み込む場合
import Vue from 'vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/ja'

Vue.use(ElementUI, { locale })

こいつは調べると結構でてくる.

とある日異変が..

pullしていろいろテストしてたら,テーブルのデータ無し時.???なんて読むの???
image.png
とりあえず,gitLogをたどると軽量化のためにオンデマンドな読み込みに変わっていた.

オンデマンドで読み込む場合
import Vue from 'vue'
import {Table, TableColumn} from 'element-ui'
import locale from 'element-ui/lib/locale/lang/ja'

Vue.use(Table, { locale })
Vue.use(TableColumn, { locale })

元の記載に沿って上記のようになっていた.
公式docを読むとポイ記載があったので書き直すと動いた.

正解
import Vue from 'vue'
import { Button, TableColumn} from 'element-ui'
import lang from 'element-ui/lib/locale/lang/ja'
import locale from 'element-ui/lib/locale'

// configure language
locale.use(lang)

// import components
Vue.use(Table)
Vue.use(TableColumn)

詳しくは↓
http://element.eleme.io/#/en-US/component/i18n#internationalization

6
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
binary2
東京勤務の5年目のエンジニア. 学歴は,理学修士(専攻は物理,実験屋). FileMakerでコンサルから開発まで(3年間)→フロント開発Vue使い(1年間)→ひよっこデータ分析官

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
6
Help us understand the problem. What is going on with this article?