vue介面資料賦值給data沒有反應
阿新 • • 發佈:2019-02-08
問題:
就是我在介面賦值給了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('請求資料失敗') }) }