Custom handlers

[heavyflames]

Hi, im trying to create a custom handler for when pressing enter.
Tried to follow the example

<template>
  <v-select
    taggable
    multiple
    no-drop
    :map-keydown="handlers"
    placeholder="enter an email"
  />
</template>

<script>
export default {
  name: 'CustomHandlers',
  methods: {
    handlers: (map, vm) => ({
      ...map,
      50: (e) => {
        e.preventDefault()
        if (e.key === '@' && vm.search.length > 0) {
          vm.search = `${vm.search}@gmail.com`
        }
      },
    }),
  },
}
</script>

But Im not using a pure Vue application, but using a native js with some .dotnet core in the backend.
I.e usin for example an js file that define a new vue().

var app = new Vue({
 methods : {
    test: function () {
         ...
        },

        handlers: (map, vm) => ({
            ...map,
            13: (e) => {
                e.preventDefault()
                this.test();
            },
        })

}
})

But I get a error saying "this.test()" is not a funtion. I tried to use vm.test() aswell with the same result.