问题
如果我只想在我的项目中显示一个笑话,我的代码中遗漏了什么或做错了什么?
示例 JSON 响应
HTML
<div class="jokes" v-for="joke in jokes">
<h2>{{ joke.setup }}</h2>
<p>{{ joke.line }}</p>
</div>
JS - 巴别塔
new Vue({
el: '#app',
data:{
jokes: []
},
created(){
this.GetJokes();
},
methods: {
GetJokes () {
axios.get('https://08ad1pao69.execute-api.us-east-1.amazonaws.com/dev/random_joke')
.then(response => {
let joke = response.data[0];
let apiInfo = {
setup: joke.setup,
line: joke.punchline
};
this.jokes.push(apiInfo)
})
}
}
})
最佳答案
关于javascript - 在 Vue 中构建 axios 回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51255261/