Cannot read property ‘indexOf’ of null
let result = this.pages1.values.filter(row => {//this.pages1.values this is all the data in the table
// search the content of that column, here search the content of the name, id and other columns
return row.name.indexOf(this.search1) > -1
|| row.id.indexOf(this.search1) > -1
|| row.code.indexOf(this.search1) > -1
|| row.note.indexOf(this.search1) > -1;
});
error message:
TypeError: Cannot read property 'indexOf' of null
at app.43208ea5.js:1
at Array.filter (<anonymous>)
at o.sousuo (app.43208ea5.js:1)
at click (app.43208ea5.js:1)
at it (chunk-vendors.ffbff91e.js:34)
at o.n (chunk-vendors.ffbff91e.js:34)
at it (chunk-vendors.ffbff91e.js:34)
at o.In.e.$emit (chunk-vendors.ffbff91e.js:34)
at o.handleClick (chunk-vendors.ffbff91e.js:1)
at it (chunk-vendors.ffbff91e.js:34)
means the indexOf when used to determine the front row. Name the error, all you need to use to determine whether these is empty before indexOf
if(row.name! =null||row.id! = null | |…). This is too much trouble
We can write a method:
contains(prop, str) {
if (prop === null || prop === undefined) {
return false;
} else {
return prop.indexOf(str) > -1;
}
},
and then modify the wording, I here the VUE method and invoke the contains is to add this, if it is js will remove the this
let result = this.pages1.values.filter(row => {
return this.contains(row.name, this.search1)
|| this.contains(row.id, this.search1)
|| this.contains(row.code, this.search1)
|| this.contains(row.note, this.search1)
});