From fbb3641406750740140a146a329448c608dfff3b Mon Sep 17 00:00:00 2001 From: Pan Date: Mon, 10 Sep 2018 13:02:18 +0800 Subject: [PATCH] refine i18n demo --- src/views/i18n-demo/index.vue | 43 +++++++++++++++++++++++++++-------- src/views/i18n-demo/local.js | 13 ++++++++--- 2 files changed, 44 insertions(+), 12 deletions(-) diff --git a/src/views/i18n-demo/index.vue b/src/views/i18n-demo/index.vue index 22f5646c..94d1e470 100644 --- a/src/views/i18n-demo/index.vue +++ b/src/views/i18n-demo/index.vue @@ -20,13 +20,13 @@
- + + +
{{ $t('i18nView.default') }} @@ -57,7 +57,6 @@ export default { data() { return { date: '', - currentPage: 5, tableData: [{ date: '2016-05-03', name: 'Tom', @@ -77,7 +76,9 @@ export default { date: '2016-05-01', name: 'Tom', address: 'No. 189, Grove St, Los Angeles' - }] + }], + options: [], + value: '' } }, computed: { @@ -91,11 +92,35 @@ export default { } } }, + watch: { + lang() { + this.setOptions() + } + }, created() { if (!this.$i18n.getLocaleMessage('en')[viewName]) { this.$i18n.mergeLocaleMessage('en', local.en) this.$i18n.mergeLocaleMessage('zh', local.zh) } + this.setOptions() // set default select options + }, + methods: { + setOptions() { + this.options = [ + { + value: '1', + label: this.$t('i18nView.one') + }, + { + value: '2', + label: this.$t('i18nView.two') + }, + { + value: '3', + label: this.$t('i18nView.three') + } + ] + } } } diff --git a/src/views/i18n-demo/local.js b/src/views/i18n-demo/local.js index 7977d2f9..1c39608e 100644 --- a/src/views/i18n-demo/local.js +++ b/src/views/i18n-demo/local.js @@ -5,6 +5,7 @@ export default { title: '切换语言', note: '本项目国际化基于 vue-i18n', datePlaceholder: '请选择日期', + selectPlaceholder: '请选择', tableDate: '日期', tableName: '姓名', tableAddress: '地址', @@ -13,15 +14,18 @@ export default { success: '成功按钮', info: '信息按钮', warning: '警告按钮', - danger: '危险按钮' + danger: '危险按钮', + one: '一', + two: '二', + three: '三' } - }, en: { i18nView: { title: 'Switch Language', note: 'The internationalization of this project is based on vue-i18n', datePlaceholder: 'Pick a day', + selectPlaceholder: 'Select', tableDate: 'tableDate', tableName: 'tableName', tableAddress: 'tableAddress', @@ -30,7 +34,10 @@ export default { success: 'success', info: 'info', warning: 'warning', - danger: 'danger' + danger: 'danger', + one: 'One', + two: 'Two', + three: 'Three' } } }