提及 Mention

对应 Arco Mention：输入框沿用 Input，候选项沿用 Select 的下拉外观。 属性用法见 Element Plus 文档。

输入提及

输入 @ 打开候选列表，可用键盘或鼠标选择。

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('')
const options = [
  { value: 'alex', label: 'Alex' },
  { value: 'sam', label: 'Sam' },
  { value: 'taylor', label: 'Taylor', disabled: true },
]
</script>

<template>
  <el-mention v-model="value" :options="options" placeholder="Type @ to mention someone" style="width: 320px" />
</template>

与 Arco 的差异

• 候选面板跟随光标且宽度由内容决定；Arco 面板在输入框下方且与输入框等宽。