Unable to reset input value upon using v-model or ref

[richiemodefair]

this is the component in template

<button @click="clearInput">Clear

and inside the script

import EmojiPicker from "vue3-emoji-picker"; import "vue3-emoji-picker/css";

const clearInput = async () => { console.log(textInput); textInput.value = '' }

result upon entering "hi" and clicking the "Clear" button

for the use of ref, it yields the same outcome

[hi5on9]

i have same problem did you resolve it ?

[WanyoikeJ]

i have the same issue, i want to reset the input after sending the message, At the moment am using this document.querySelector('.v3-emoji-picker-input').value = null; which works partially because if i pick emoji immediately after sending the message, it populates the input with the just sent message