mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
41 lines
883 B
Vue
41 lines
883 B
Vue
<template>
|
|
<el-mention
|
|
v-model="value"
|
|
:options="options"
|
|
style="width: 320px"
|
|
placeholder="Please input"
|
|
>
|
|
<template #label="{ item }">
|
|
<div style="display: flex; align-items: center">
|
|
<el-avatar :size="24" :src="item.avatar" />
|
|
<span style="margin-left: 6px">{{ item.value }}</span>
|
|
</div>
|
|
</template>
|
|
</el-mention>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
|
|
const value = ref('')
|
|
|
|
const options = ref([
|
|
{
|
|
value: 'Fuphoenixes',
|
|
avatar: 'https://avatars.githubusercontent.com/u/27912232',
|
|
},
|
|
{
|
|
value: 'kooriookami',
|
|
avatar: 'https://avatars.githubusercontent.com/u/38392315',
|
|
},
|
|
{
|
|
value: 'Jeremy',
|
|
avatar: 'https://avatars.githubusercontent.com/u/15975785',
|
|
},
|
|
{
|
|
value: 'btea',
|
|
avatar: 'https://avatars.githubusercontent.com/u/24516654',
|
|
},
|
|
])
|
|
</script>
|