解決vue接口數(shù)據(jù)賦值給data沒(méi)有反應(yīng)的問(wèn)題

發(fā)布時(shí)間：2020-09-20 03:28:30 來(lái)源：腳本之家閱讀：611 作者：echo_Ae 欄目：web開(kāi)發(fā)

問(wèn)題：

就是我在接口賦值給了data的變量，然后組件的效果沒(méi)有出來(lái)（我的是旋轉(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('請(qǐng)求數(shù)據(jù)失敗')
   })
 }
}

打印出來(lái)也是有數(shù)據(jù)的（但是組件那邊沒(méi)有效果）等功能

解決vue接口數(shù)據(jù)賦值給data沒(méi)有反應(yīng)的問(wèn)題

解決方法：

因?yàn)樗且粋€(gè)[], 一開(kāi)始加載的時(shí)候你去獲取數(shù)據(jù)肯定是undefined， vue官方說(shuō)了最好提前把所有屬性聲明好。不管有沒(méi)有數(shù)據(jù)也給他一個(gè)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('請(qǐng)求數(shù)據(jù)失敗')
   })
 }

解決vue接口數(shù)據(jù)賦值給data沒(méi)有反應(yīng)的問(wèn)題

以上這篇解決vue接口數(shù)據(jù)賦值給data沒(méi)有反應(yīng)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

解決vue接口數(shù)據(jù)賦值給data沒(méi)有反應(yīng)的問(wèn)題

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽