解决vue接口数据赋值给data没有反应的问题

来源：动视网责编：小采时间：2020-11-27 22:09:15

解决vue接口数据赋值给data没有反应的问题

解决vue接口数据赋值给data没有反应的问题:问题：就是我在接口赋值给了data的变量，然后组件的效果没有出来（我的是旋转效果）代码如下： data() { return { slides: [] } }, mounted() { this.request() }, methods: { request() { this.$http.post('xxxx

推荐度：

点击下载本文 文档为doc格式

导读解决vue接口数据赋值给data没有反应的问题:问题：就是我在接口赋值给了data的变量，然后组件的效果没有出来（我的是旋转效果）代码如下： data() { return { slides: [] } }, mounted() { this.request() }, methods: { request() { this.$http.post('xxxx

问题：

就是我在接口赋值给了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没有反应的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

解决vue接口数据赋值给data没有反应的问题

推荐度：

点击下载本文 文档为doc格式

标签：没有 VUE 问题

热门焦点

解决vue接口数据赋值给data没有反应的问题

解决vue接口数据赋值给data没有反应的问题

解决vue接口数据赋值给data没有反应的问题

最新推荐

猜你喜欢

热门推荐