VUE - 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

created() {

var that=this

axios.get(‘http://jsonplaceholder.typicode.com/todos‘)

.then(function (res) {

// handle success

// console.log(res);

that.todos = res.data

})

.catch(function (error) {

// handle error

console.log(error);

})

.finally(function () {

// always executed

});

},

}

VUE - 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

原文地址:https://www.cnblogs.com/500m/p/11781438.html

时间: 2024-10-25 19:32:23

VUE - 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法的相关文章

VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是: 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定.可以看下 Stackoverflow 的解释: 解决办法: 1.用ES6箭头函数,箭头方法可以和父方法共享变量 2.在请求axios外面定义一下 var that=this 问题

使用webpack命令打包时,报错TypeError: Cannot read property 'presetToOptions' of undefined的解决办法

我只安装了webpack,没有安装webpack-cli,第一次输入webpack打包时,提示 One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpack/webpack-cli) The original webpack full-featured CLI. We wi

在vue-cli中使用axios时报错TypeError: Cannot set property 'lists' of undefined at eval

在vue-cli中使用axios拿取数据时 export default { data(){ return{ lists:{ } } }, methods: { getList(){ axios.get('https://cnodejs.org/api/v1/topics',{ }) .then(function(response){ window.console.log(response.data.data); this.lists = response.data.data; }) .catc

Navicat导入数据时发生了报错 --- 1153 - Got a packet bigger than 'max_allowed的处理办法

今天我在使用Navicat导入.sql文件数据时,发现本来是80万条的数据,结果只导入了10万条左右,而且在其错误信息日志中,我发现了这样一条错误:1153 - Got a packet bigger than 'max_allowed. 度娘了一番后,发现越来是我的SQL文件远远大于MySQL默认执行的文件大小,所以执行不过去. 解决方法: 在MySQL安装目录下找到文件my.ini,搜索[mysqld],在其下面添加一句话 max_allowed_packet=521M  ##该处按照自己的

axios报错: Cannot read property 'protocol' of undefined ....

错误: Uncaught (in promise) TypeError: **Cannot read property 'protocol' of undefined ... 源码: 完整错误: import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(axios, VueAxios) 修正一:(亲测) import axios from 'axios' import VueAxios from 'vue-axios'

vue 报错:Cannot read property '__ob__' of undefined

我的原因:引入组件后未注册 <script> import ComFirst from "../../components/ComFirst.vue" import ComSecond from "../../components/ComSecond.vue" export default { name: 'VueFirst', data() { return {} }, components: { //<<这一步未做 ComFirst, C

vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

vue-cli 项目 build  出错点: 1,build生成dist 放在tomcat上 报错,不显示内容  解决办法: config>index.js===>assetsPublicPath: '/',  修改为 assetsPublicPath: './', note:如果css中图片不显示,打开“build/utils.js”,增加一行代码即可 2,用 axios 请求本地 static 文件中的JSON 文件报错, static文件不经过编译,需要配置根目录 解决办法:配置 'st

前端ajax用post方式提交json数据给后端时,网络报错 415

项目框架:spring+springmvc+mybatis 问题描述:前端ajax用post方式提交json数据给后端时,网络报错 415 前端异常信息:Failed to load resource: the server responded with a status of 415 (Unsupported Media Type) 后端异常信息:无 报错原因:缺少jackson包 类似问题注意点: springmvc添加配置.注解: pom.xml添加jackson包引用: Ajax请求时没

当子查询内存在ORDER BY 字句时查询会报错

问题:当子查询内存在ORDER BY 字句时查询会报错 SQL: SELECT * FROM ( SELECT * FROM USER ORDER BY USER_CORD ) S. 解决办法:在子查询SQL语句SELECT 后加 TOP 100 PERCENT (查询出前百分比为100的数据,也就是查询出全部数据) SQL: SELECT * FROM ( SELECT TOP 100 PERCENT * FROM USER ORDER BY USER_CORD ) 原文地址:https://