vue 点击渲染ajax,vue中在页面加载时发送ajax请求获取数据渲染不到页面上
生活随笔
收集整理的這篇文章主要介紹了
vue 点击渲染ajax,vue中在页面加载时发送ajax请求获取数据渲染不到页面上
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
ajax是異步執行的。
{{bookId}}在setData里面處理數據
export default {
name: 'app',
data() {
bookId : ''
},
created(){
this.loadData(this.setData);
},
methods:{
loadData(callBack) {
const This = this;
const url = 'https://api.douban.com/v2/book/1220562';
getBookPromise()
.then(res => {
console.log(res)
callBack(res.body); //callBack異步回調
})
.catch(res => {
console.log(res);
})
function getBookPromise() {
return new Promise((resolve, reject) => {
This.$http.jsonp(url)
.then(res => {
resolve(res)
})
.catch(res => {
reject(res)
})
})
}
},
setData(data) { //對數據做一些處理
this.bookId = data.id;
console.log(this.bookId)
}
}
}
總結
以上是生活随笔為你收集整理的vue 点击渲染ajax,vue中在页面加载时发送ajax请求获取数据渲染不到页面上的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： WebConfig Authorizat
- 下一篇： templates(0.1)