Nicer input event handler

This commit is contained in:
Carl Vuorinen 2020-04-28 16:07:59 +03:00
parent 1bcf2dfe80
commit 8db2fb8015

View file

@ -29,7 +29,7 @@
:class="{ :class="{
'input-valid': invite.valid, 'is-invalid input-invalid': invite.valid === false}" 'input-valid': invite.valid, 'is-invalid input-invalid': invite.valid === false}"
@keyup="expandInviteList" @keyup="expandInviteList"
@input="checkInviteList(); clearErrors(invite);" @input="inviteUpdated(invite)"
> >
</div> </div>
<div <div
@ -158,6 +158,10 @@ export default {
}, },
}, },
methods: { methods: {
inviteUpdated (invite) {
this.clearErrors(invite);
this.checkInviteList();
},
checkInviteList: debounce(function checkList () { checkInviteList: debounce(function checkList () {
this.invites = this.invites.filter( this.invites = this.invites.filter(
(invite, index) => invite.text.length > 0 || index === this.invites.length - 1, (invite, index) => invite.text.length > 0 || index === this.invites.length - 1,