i18n如何翻译后台数据

后台返回的数据,,Answer数据是html标签
           {
                "ID": 199,
                "Valid": true,
                "DeviceID": 1,
                "Lang": 3,
                "Title": "Connecting the keyboard",
                "Answer": "<div class=\"manual_content\">     <div class=\"info\">         <div class=\"li\">             <ul>                 <li>Plug the USB connector into any USB connection on your PC/laptop.</li>                 <div>The keyboard is ready to use without installing any software.</div>             </ul>         </div>     </div> </div>",
                "CreatedAt": "2020-03-19T14:19:58+08:00",
                "UpdatedAt": "2020-03-27T13:40:19+08:00"
            },







然后数据v-html渲染Answer
       <div class="one_li" v-for="(item, index) in shuju" :key="index">
                <div class="value" v-html="item.Answer"></div>
        </div>

下面这是渲染的内容,但是显示的是英文的,有个需求就是把这些英文翻译成中文,该怎么做呢?这些英文是后台给的,上面Answer数据。用的vue3。请教

img

在前端i18n配置好后,写好对应中英文配置文件,中英文的value自己定,key用后端返回给你的值。前提是后端给你的东西固定就那些,不然配置文件也要不停的调整。