I'm attempting to clear a setTimer() every time a key is pressed in my text input box, as my text input keeps sending update requests mid-typing, causing problems. However the code I have to tackle this issue is not working, due to the placement of my 'let', however I've put it everywhere I can think of, or changed to 'Var' and still not functioning. I'd appreciate on input on how I can retool this to achieve my desired result.
JS:
computed: {
...mapGetters(['allDocumentTypeGroups', 'currentTicketCaseFiles', 'activeAttachmentIndex', 'showAttachmentsPreview', 'activeAttachments']),
attachmentAcceptedLabel() {
return this.attachmentAccepted ? this.t('accepted') : this.t('ignored');
},
attachmentAccepted: {
get: function () {
return !this.attachment.ignoreAttachment;
},
set: function (val) {
return this.updateAttachment([this.attachment.id, { ignoreAttachment: !val }]);
},
},
documentType: {
get: function() {
return this.attachment.documentTypeId;
},
set: function(val) {
return this.updateAttachment([this.attachment.id, { documentTypeId: val }]);
},
},
approveAttachment: {
get: function() {
return this.attachment.approvedAttachment;
},
set: function(val) {
return this.updateAttachment([this.attachment.id, { approvedAttachment: val }]);
},
},
strValue: {
let timer;
get: function () {
return this.attachment.strValue;
},
set: function (val) {
if(timer){
clearTimeout(timer);
}
let self = this;
timer = setTimeout(function(){ return self.updateAttachment([self.attachment.id, { strValue: val }]) },8000);
},
},
},
You can't put variables in an object literal, use a property.
strValue: {
timer: null,
get: function () {
return this.attachment.strValue;
},
set: function (val) {
if(this.timer){
clearTimeout(this.timer);
}
let self = this;
this.timer = setTimeout(function(){ return self.updateAttachment([self.attachment.id, { strValue: val }]) },8000);
},
},