<template>
  <a-mentions v-model="value" @change="onChange" @select="onSelect" style="width:200px">
    <a-mentions-option value="afc163"> afc163 </a-mentions-option>
    <a-mentions-option value="zombieJ"> zombieJ </a-mentions-option>
    <a-mentions-option value="yesmeck"> yesmeck </a-mentions-option>
  </a-mentions>
</template>
<script>
export default {
  data() {
    return {
      value: "@afc163",
    };
  },
  methods: {
    onSelect(option) {
      console.log("select", option);
    },
    onChange(value) {
      console.log("Change:", value);
    },
  },
};
</script>
