国际化vue-i18n向语言包中传入参数

Question

模板中

<span>{{$t('el.table.total', { pagetotal: 123 })}}</span>

js代码中

this.$t('el.table.number', { "Number": index + 1 });

语言包中

table: {
    total: '共 {pagetotal} 条',
    number: "第 {Number} 行",
}

Answer 1

测试后题主代码正常的的，有什么问题吗？

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>

<div id="app">
    <p>{{ $t("el.table.total",{pagetotal:111}) }}</p>
</div>
<script>
    const messages = {
        cn: {
            el: {
                table: {
                    total: '共 {pagetotal} 条',
                    number: "第 {Number} 行",
                }
            }
        }
    }

    const i18n = new VueI18n({ locale: 'cn', messages, });

    new Vue({ i18n }).$mount('#app')

</script>