如何使用i18n合并json obj字符串

Question

我有一个要使用i18n转换的JSON数组。我已经将Vue-CLI和Vue-I18N用于模板语法，但无法转换JSON数组字符串。我找不到解决方案，我什至不知道是否可以翻译。文档方面的解决方案对我没有太大帮助。我的Vue文件在下面

AboutMe.vue

<template>
    <div class="page-section" id="2">
        <div class="container">
            <div class="border-full mb-3 pt-6" style="border-top: 1px solid #343434;"></div>
            <div class="row">
                <div class="col">
                    <h4 class="white mb-3 text-m uppercase">{{ $t('aboutMe') }}</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4" v-for="(obj, key) in aboutmeJson" :key="key">
                    <p class="white about-me-text">{{ obj.aboutmeText}}</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data: () => ({
            aboutmeJson: [
                {
                    aboutmeText: 'I want to translate this here like my h4 header'
                },
                {
                    aboutmeText: 'Lorem ipsum dolor sit amet'
                },
                {
                    aboutmeText: 'Lorem ipsum dolor sit amet.'
                },
            ]
    })
}
</script>

<style>

</style>

Answer 1

也许使用计算属性？