vue过滤器中如何使用vue-i18n进行多语言的国际化翻译
//单个过滤起的文件,在main.js中引入,全局使用import Vue from 'vue'import moment from 'moment'import accounting from 'accounting'import i18n from '../i18n/i18n' //引入国际化语言的语言包Vue.filter('projectDate', date => mom
·
//单个过滤起的文件,在main.js中引入,全局使用
import Vue from 'vue'
import moment from 'moment'
import accounting from 'accounting'
Vue.filter('logDate', date => moment(date).format('YYYY-MM-DD HH:mm:ss'))
Vue.filter('developerStatus', state => {
switch (state) {
case 4:
return i18n.t('register. recruit') // 语言包中定义的json对象
case 5:
return '测试中'
case 6:
return '质保中'
case 7:
return '已完成'
case 8:
return '已取消'
case 9:
return '已中止'
default:
return ''
}
})
Vue.filter('teamSize', state => {
switch (state) {
case 1:
return '1-3人'
case 2:
return '4-6人'
case 3:
return '7-9人'
case 4:
return '10人以上'
default:
return ''
}
})
Vue.filter('budget', money => accounting.formatNumber(money))
Vue.filter('totalPrice', money => accounting.formatMoney(money, '', 2))
Vue.filter('payment', state => {
switch (state) {
case 1:
return '线下转账'
case 2:
return '支付宝'
case 3:
return '微信支付'
default:
return ''
}
import Vue from 'vue'
import moment from 'moment'
import accounting from 'accounting'
import i18n from '../i18n/i18n' //引入国际化语言的语言包
Vue.filter('projectDate', date => moment(date).format('YYYY-MM-DD'))Vue.filter('logDate', date => moment(date).format('YYYY-MM-DD HH:mm:ss'))
Vue.filter(
switch (state) {
case 4:
return i18n.t('register. recruit') // 语言包中定义的json对象
case 5:
return i18n.t('register.
develop')
//其他书写方式一致
case 51:
return '测试中'
case 6:
return '质保中'
case 7:
return '已完成'
case 8:
return '已取消'
case 9:
return '已中止'
default:
return ''
}
})
Vue.filter('teamSize', state => {
switch (state) {
case 1:
return '1-3人'
case 2:
return '4-6人'
case 3:
return '7-9人'
case 4:
return '10人以上'
default:
return ''
}
})
Vue.filter('budget', money => accounting.formatNumber(money))
Vue.filter('totalPrice', money => accounting.formatMoney(money, '', 2))
Vue.filter('payment', state => {
switch (state) {
case 1:
return '线下转账'
case 2:
return '支付宝'
case 3:
return '微信支付'
default:
return ''
}
})
//使用示例
<span> {{detail.developerStatus | developerStatus}}</span>过滤器的名字
更多推荐
已为社区贡献4条内容
所有评论(0)