解决vue接口数据赋值给data没有反应的问题
更新时间：2018年08月27日 09:28:33 作者：echo_Ae
今天小编就为大家分享一篇解决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没有反应的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
这篇文章主要介绍了Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了Vue生命周期函数调用详解，本文将实现Vue生命周期相关代码的核心逻辑，从源码层面来理解生命周期，感兴趣的小伙伴可以参考一下2022-08-08
这篇文章主要介绍了Vue.js实现一个漂亮、灵活、可复用的提示组件示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
这篇文章主要为大家详细介绍了Vue的computed计算属性，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要为大家详细介绍了vue实现学生信息管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
这篇文章主要为大家详细介绍了Vue列表页渲染优化的操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
这篇文章主要介绍了解决mpvue + vuex 开发微信小程序 vuex辅助函数mapState、mapGetters不可用问题,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了vue下载excel的实现代码,后台用post方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
element ui table（表格）实现点击一行展开功能
这篇文章主要给大家介绍了关于element ui table（表格）实现点击一行展开功能的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
这篇文章主要为大家详细介绍了vue中侦听器使用的相关知识，文中的示例代码讲解详细，具有一定的借鉴价值，有需要的小伙伴可以跟随小编一起学习一下2007-02-02
最新评论