项目使用Tabulator5.5,在初始化表格时报错last_page为空怎么解决?代码如下:
let options = {
locale: "default",
height: 'auto',
ajaxURL: this.$opts.dataParams.dataUrl,
ajaxConfig: {
method:"GET",
headers:{
'X-API-Nonce': JSON.parse(window.localStorage.getItem('nonce')).data,
"Content-Type":'application/x-www-form-urlencoded'
}
},
ajaxParams:{
with: 1,
paged: 1,
lang: 'zh',
},
ajaxResponse: function(url, params, response){
let res = []
if(that.$opts.dataParams.modeVal === "form" && response){
let dataArr = []
response.forEach(item=>{
let obj = {}
item.form_data.forEach(element=>{
if(element.code === "form_checkbox" || element.code === "form_multiple"){
obj[element['key']] = element.display
}else{
obj[element['key']] = element.value
}
})
dataArr.push(obj)
})
tabledata = dataArr
}
res['last_page'] = Math.ceil(that.$opts.total / paginationSize)
res['last_row'] = that.$opts.total;
res['data'] = tabledata
console.log(res)
//返回处理的数据
return res
},
// last_page: Math.ceil(this.$opts.total / paginationSize),
// last_row: this.$opts.total,
layout: "fitColumns",
pagination: true,
paginationMode:"remote",
paginationSizeSelector: [5, 10, 15, 20],
paginationSize: paginationSize,
paginationCounter:function(pageSize, currentRow, currentPage, totalRows, totalPages){
return "共 " + totalRows + " 条数据 ";
},
langs: {
"default": {
"pagination": {
"first": "首页",
"first_title": "首页",
"last": "末页",
"last_title": "末页",
"prev": "上一页",
"prev_title": "上一页",
"next": "下一页>",
"next_title": "下一页>",
"all": "所有",
"page_size": "",
},
},
},
columns:columns,
}
this.S = new Tabulator("#datatable-table__"+this.$opts.id,options)
运行时报错:
Data Load Error: TypeError: Cannot read properties of null (reading 'last_page')
但在options已经声明了last_page了,即便将注释掉的解放出来使用也报同样的错误