首页 > 解决方案 > 如何在 vue 中从 axios 打印数组?

问题描述

来自 axios 的响应数据是一个数组,如下所示:

在此处输入图像描述

如何在没有 [''] 的情况下打印数据?我尝试了 v-for 但它不起作用(它打印字母之间有空格的数组)

             <div class="card-body">
                <h5 class="card-title">[[ title ]]</h5>
                <p class="card-text"><b><mark><em>Start Date:</em></mark></b> [[start_date]] <br> <b><mark><em>End Date:</em></mark></b> [[end_date]] <br> <b>
                <em>Cinema:</em></b> [[cinema]] <br> <b><em>Category:</em></b> <br>[[category]]</p>
                <div class="row">

标签: vue.jsaxios

解决方案


所以问题是我的api响应使用''而不是“”。诀窍是将 '' 替换为 ""this.categor= this.categor.replace(/'/g, '"')并在解析结果后:

this.categor=JSON.parse(this.categor)

推荐阅读