如何操作axios返回的数据以所需格式打印

Question

    <template>
    <div>
        <table class="table table-responsive">
            <tbody>

            <tr  v-for="(gameresults, index) in gameresults" :key="index">
              <td style="color: #082ad4; font-size: 24px;">{{ gameresults.game_name }}</br>
               <h3 style="color:#00d2f1; font-size: 18px;">{{ gameresults.cards }}</h3></td>
                <h3 style="color:#00d2f1; font-size: 18px;">{{ this.formattedArray }}</h3></td>
            </tr>
            </tbody>
        </table>

    </div></template>
<script>
export default {
    props: [''],
    mounted() {
        console.log('Component mounted.')
    },
    data() {
        return {
            gameresults:0,
        };
    },
    methods: {
        changeResult() {
                let formattedArray = [];
            this.gameresults.cards.forEach(str => {
                    const subs = str.split('');
                    const subsTwo = subs[2].split(',');
                    const formattedString = `${subs[1]} - ${subs[0]}-${subsTwo[0]}${subs[4]}-${subsTwo[1]}`;
                    formattedArray.push(formattedString);
                });
                console.log('Formatted Data', formattedArray);
            }
           // this.gameresults[0].cards

    },
    computed: {
        chkgameresults() {
            axios.post('/gameresults')
                .then(response => {
                     this.gameresults = response.data ;
                     this.changeResult();
                    
                });
        },

    },
    created () {
        this.chkgameresults();
    }
};
</script>

ref code axios获取mysql concat数据在数组格式有2个键[game_name和卡]我想要卡键被操纵。当我使用this.gameresults[0]打印卡片数组时。它使用{{gameresults给出123-9,897-0。在vu模板中，我希望值像123-90-897一样被操纵(只有最后一个0在第二个exp之前得到，并成为0-897删除'，'分隔符

Answer 1

假设你的数据是一个数组，让我们定义一个方法...........

formatData(myData) {
  let formattedArray = [];
  myData.myValue.forEach(str => {
   const subs = str.split('');
   const subsTwo = subs[2].split(',');
   const formattedString = `${subs[1]} - ${subs[0]}-${subsTwo[0]}${subs[4]}-${subsTwo[1]}`;
   formattedArray.push(formattedString);
 });
 console.log('Formatted Data', formattedArray);
}