1. 程式人生 > >vue介面資料賦值給data沒有反應

vue介面資料賦值給data沒有反應

問題:

    就是我在介面賦值給了data的變數,然後元件的效果沒有出來(我的是旋轉效果)

程式碼如下:

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('請求資料失敗') }) } }
打印出來也是有資料的(但是元件那邊沒有效果)等功能


解決方法:

因為他是一個[], 一開始載入的時候你去獲取資料肯定是undefined,
  vue官方說了最好提前把所有屬性宣告好。不管有沒有資料也給他一個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('請求資料失敗') }) }