docs(components): [mention] add an example of using props (#22139)

docs/en-US/component/mention.md

@@ -17,6 +17,16 @@ mention/basic
 
 :::
 
+## Props ^(2.11.3)
+
+You can customize the alias of the `options` through the `props` attribute.
+
+:::demo
+
+mention/props
+
+:::
+
 ## Textarea
 
 The input type can be set to `textarea`.

docs/examples/mention/props.vue

@@ -0,0 +1,36 @@
+<template>
+  <el-mention
+    v-model="value"
+    :options="options"
+    :props="props"
+    style="width: 320px"
+    placeholder="Please input"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const value = ref('@')
+const props = { label: 'name', value: 'id', disabled: 'unable' }
+const options = ref([
+  {
+    name: 'Fuphoenixes',
+    id: 'Fuphoenixes',
+    unable: true,
+  },
+  {
+    name: 'kooriookami',
+    id: 'kooriookami',
+  },
+  {
+    name: 'Jeremy',
+    id: 'Jeremy',
+    unable: true,
+  },
+  {
+    name: 'btea',
+    id: 'btea',
+  },
+])
+</script>