解决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('请求数据失败')
   })
 }

【图片暂缺】

以上这篇解决vue接口数据赋值给data没有反应的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5755-0.html

注：关于解决vue接口数据赋值给data没有反应的问题的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js