真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

解決vue接口數(shù)據(jù)賦值給data沒有反應的問題

問題:

創(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ù)的(但是組件那邊沒有效果)等功能

解決vue接口數(shù)據(jù)賦值給data沒有反應的問題

解決方法:

因為他是一個[], 一開始加載的時候你去獲取數(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沒有反應的問題

以上這篇解決vue接口數(shù)據(jù)賦值給data沒有反應的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。


文章名稱:解決vue接口數(shù)據(jù)賦值給data沒有反應的問題
鏈接分享:http://weahome.cn/article/jjhshs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部