ajax是異步執(zhí)行的。

{{bookId}}

在setData里面處理數(shù)據(jù)

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異步回調(diào)

})

.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) { //對(duì)數(shù)據(jù)做一些處理

this.bookId = data.id;

console.log(this.bookId)

}

}

}

總結(jié)

以上是生活随笔為你收集整理的vue 点击渲染ajax,vue中在页面加载时发送ajax请求获取数据渲染不到页面上的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。