How use vue-mention with element el-input ?

[treefung]

<Mentionable><textarea v-model="text" /></Mentionable>

use element el-input can't work, because el-input in div box

<Mentionable><el-input type="textarea" v-model="text"></el-input></Mentionable>

[iampawan31]

@treefung Hi, i am also trying to use el-input with vue-mention, but cant get it to work. Were you able to figure out the solution?

[iampawan31]

@treefung Hi, i got it to working

<Mentionable 
    :keys="['@']"
    :items="users"
    @open="loadUsers()"
    placement="bottom"
    insert-space
    offset="6"
>
    <textarea
     rows="8"
    class="el-textarea__inner"
    v-model="form.comment"
    />
    <template #no-result>
    {{ loading ? "Loading..." : "No result" }}
    </template>

    <template #item-@="{ item }">
    <div class="user">
        {{ item.label }}
        <span class="dim">({{ item.value }})</span>
    </div>
    </template>
</Mentionable>