Почему vue ругается на myMap.delete(mapKey)?

Question

[wipe0009]

Здравствуйте, я хочу чтоб нажав на елемент - удалился елемент из map
для етого хочу использовать .delete(mapKey)

<template>
  <div>
    <div v-for="mapKey of messages.keys()" :key="mapKey">
      <div @click="messages.delete(mapKey)"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      messages: new Map(),
    };
  },
};
</script>

Но получаю ошибку

Errors compiling template:

  avoid using JavaScript unary operator as property name: "delete(mapKey)" in expression @click="messages.delete(mapKey)"

  2  |  <div class="messenger">
  3  |    <div v-for="mapKey of messages.keys()" :key="mapKey">
  4  |      <div @click="messages.delete(mapKey)"></div>
     |           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  5  |    </div>
  6  |  </div>

Ругается именно на слово delete(), если я допущу ошибку в написании delete - все работает...

Comments

[0xD34F]

Сообщение об ошибке перевести не пробовали? Нет? Ну так попробуйте.

[wipe0009]

0xD34F, но я вить не использою унарный оператор, нигде (я знаком только с унарным + -)... К примеру в документацци по map для удаления описывается delete... https://developer.mozilla.org/ru/docs/Web/JavaScri...

[0xD34F]

wipe0009, https://developer.mozilla.org/en-US/docs/Web/JavaS...

[Aetae]

Но вообще конечно виноваты утверждавшие стандарт на Map долбоящеры. Чем им remove не угодил, спрашивается...

[wipe0009]

Простите, но я всё равно не понимаю как решить проблемму с удалением елемента из map((
@click="delete messages.get(mapKey)" не работает...
a @click="messages.delete(mapKey)" ругается...
ESLint + Prettier +Webpack — Vue 2

Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)

Answer 1

[Антон Антон]

@click="()=>messages.delete(mapKey)"

Answer 2

[wipe0009]

В качевстве решения можно использовать

methods: {
      deleteFromMap(map, key) {
        map.delete(key);
      },
    },

@click="deleteFromMap(messages, mapKey)"
И как вариант функцию можно поместить в глобальные миксины