在Vue中构建axios回调

Question

问题

如果我只想在我的项目中显示一个玩笑，我在代码中缺少什么或做错了什么？

WIP demo on codepen

---

样本JSON响应

HTML

$

JS-通天塔

<div class="jokes" v-for="joke in jokes">
  <h2>{{ joke.setup }}</h2>
  <p>{{ joke.line }}</p>
</div>

Answer 1

您的响应不是数组。您只需要

let joke = response.data

这将解决您的代码。

这是您的pen updated。