問題:
創(chuàng)新互聯(lián)公司專業(yè)提供西云機房服務,為用戶提供五星數(shù)據(jù)中心、電信、雙線接入解決方案,用戶可自行在線購買西云機房服務,并享受7*24小時金牌售后服務。
就是我在接口賦值給了data的變量,然后組件的效果沒有出來(我的是旋轉(zhuǎn)效果)
代碼如下:
data() { return { slides: [] } },
mounted() { this.request() }, methods: { request() { this.$http.post('xxxxxxxxxxxx', {}, (res) => { if (is.object(res)) { if (res.status === 'succ') { this.slides = res.data.useddevice_list console.log(this.slides) } else { console.log(res) } } else { this.$toast.show('加載失敗') } }, (data) => { this.$toast.show('請求數(shù)據(jù)失敗') }) } }
打印出來也是有數(shù)據(jù)的(但是組件那邊沒有效果)等功能
解決方法:
因為他是一個[], 一開始加載的時候你去獲取數(shù)據(jù)肯定是undefined, vue官方說了最好提前把所有屬性聲明好。不管有沒有數(shù)據(jù)也給他一個null
data() { return { slides: [null] } },
mounted() { this.request() }, methods: { request() { this.$http.post('xxxxxxxxx', {}, (res) => { if (is.object(res)) { if (res.status === 'succ') { this.slides = res.data.useddevice_list console.log(this.slides) } else { console.log(res) } } else { this.$toast.show('加載失敗') } }, (data) => { this.$toast.show('請求數(shù)據(jù)失敗') }) }
以上這篇解決vue接口數(shù)據(jù)賦值給data沒有反應的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。