[기록] 인터페이스는 추상 필드 데이터를 얻습니다. 렌더링에 필요한 필드 데이터를 정의하는 방법

직장에서 백엔드가 반환하는 인터페이스 데이터는 숫자이거나 영어일 수 있지만 페이지에서 필요한 것은 중국어이므로 이 방법을 사용하여 처리할 수 있습니다.

<!-- HTML部分 -->
<div class="info">需要展示的数据：{
    
    {
    
     whichArticle }}</div>



<!-- script部分-->
get whichArticle() {
    
    
        const map = {
    
    
            1: '第一条',  // 1为接口返回的数据，'第一条'为我们希望展示的数据
            2: '第二条',
            3: '第四条',
            4: '第五条'
        };
        return map[this.blockData.articleData];  //this.blockData.articleData 为接口返回数据数组 （略）
    }