I am dealing with a function that includes an if statement and an onclick function. My goal is to prevent the entire function from running if the if statement evaluates to true.
I have attempted using return false, but it did not yield the desired outcome.
showLogo: function(row) {
var a = 0;
window.onclick = (e => {
let element = e.target.className || e.srcElement.className
let element1 = e.target || e.srcElement
if (element1.localName == "li" || element == "pagination-previous" || element == "pagination-next" || element === "pagination-link" || element === "icon" || element === "fa fa-angle-right fa-lg" || element === "b-table" || element === "level" || element === "pagination" || element === "fa fa-angle-left fa-lg") {
this.logo = false
}
});
if (window.innerWidth > 1024) {
this.logo = true;
this.color = false;
this.istabModalActive = false;
this.name = row.fileName;
this.dimension = row.width + ' x ' + row.height
this.width = 0;
this.height = 0;
this.src = row.path;
this.icon = row.iconsrc;
this.dlsrc = row.path;
this.contentType = row.contentType;
this.typeshow = row.contentType.split("/")[1].toUpperCase();
this.type = row.contentType.split("/")[1];
this.icons = 'dist/' + this.type + '.svg';
this.assetsid = row.index;
this.size = row.size;
this.activerow = row;
this.fileid = row.id;
this.assetsid = row.id;
this.activerow = row;
} else {
this.logo = true;
this.color = false;
this.istabModalActive = true;
this.filesarr = row;
this.name = row.fileName;
this.dimension = row.width + ' x ' + row.height
this.size = row.size;
this.src = row.path;
this.icon = row.iconsrc;
this.dlsrc = row.path;
this.typeshow = row.contentType.split("/")[1].toUpperCase();
this.type = row.contentType.split("/")[1];
this.icons = row.iconsrc;
this.fileid = row.id;
this.assetsid = row.id;
this.activerow = row;
}
}