vue & lifecycle methods & this bug & ES6 Arrow function & this bind bug
2024-09-27 21:34:14
vue & lifecycle methods & this bug
ES6 Arrow function & this bind bug
bad
fetchTableData: (url = ``, options = {}) => {}
// arrow function & this bind bug!
// fetchTableData: (url = ``, options = {}) => {
fetchTableData (url = ``, options = {}) {
// fetchTableData
// return Promise && async await
// let url = "http://10.1.5.202/es6-test/axios/preview-user.new.json";
if (!url) {
url = "http://10.1.5.202/es6-test/axios/preview-user.new.json";
}
let that = this;
console.log(`this =`, this);
console.log(`that =`, that);
// console.log(`this.a.data =`, this.a.data);
// Axios.post(url, options)
Axios.get(url)
.then((res) => {
let {
data: json
} = res;
if (json.data.length) {
// that.a.data.totalPage = json.data.length;
// that.a.data.allDatas = json.data;
// // pagination
// that.a.data.table = that.a.methods.getPaginationData(that.a.data.allDatas, that.a.data.currentPage, that.a.data.pageSize);
// that.$data.totalPage = json.data.length;
// that.$data.allDatas = json.data;
// // pagination
// that.$data.table = that.getPaginationData(that.$data.allDatas, that.$data.currentPage, that.$data.pageSize);
this.$data.totalPage = json.data.length;
this.$data.allDatas = json.data;
// pagination
this.$data.table = this.getPaginationData(this.$data.allDatas, this.$data.currentPage, this.$data.pageSize);
}
});
},
ES6 & class methods
OK
showInitTableData(url = ``) {
console.log(`init this =`, this);
Axios.get(url)
.then((res) => {
let {
data: json
} = res;
if (json.data.length) {
this.$data.totalPage = json.data.length;
this.$data.allDatas = json.data;
// pagination
this.$data.table = this.getPaginationData(this.$data.allDatas, this.$data.currentPage, this.$data.pageSize);
}
});
},
最新文章
- 在 Xcode 7 中安装 Alcatraz
- dojo GridX 用法
- AIX下安装bash
- java轻量级Http Server
- ubuntu14.04安装django
- iOS 内存管理机制和循环引用处理方法
- 通过Nginx实现负载均衡
- 解决Cannot change version of project facet Dynamic Web M
- 玩转linux文件(重点)
- codeforces 212E IT Restaurants(树形dp+背包思想)
- 将一段含有0的字符数组赋给string
- linux之SQL语句简明教程---CREATE VIEW
- Akka(36): Http:Client-side-Api,Client-Connections
- tornado超时机制
- ajax请求 readyState为0 可能原因之一
- 07_Android操作sqllite数据库(包括2中方式操作数据的方式),单元测试,BaseAdapter的使用,自定义view的综合使用案例
- 【bzoj 1095】[ZJOI2007]Hide 捉迷藏
- Numpy库的下载与安装总结
- 初学HTML-8
- java之分隔符问题