Type text input events
This commit is contained in:
1 parent
379acf400c
commit
d76ecf6063
1 file changed
+6
-2
+6
-2
@@ -41,6 +41,10 @@ const onFileChange = (e: Event) => {
|
|||||||
value.value = result
|
value.value = result
|
||||||
emit("file", result)
|
emit("file", result)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const onTextInput = (e: Event) => {
|
||||||
|
emit("input", (e.currentTarget as HTMLInputElement | HTMLTextAreaElement).value)
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -68,7 +72,7 @@ const onFileChange = (e: Event) => {
|
|||||||
v-if="props.type != 'file' && props.type != 'textarea'"
|
v-if="props.type != 'file' && props.type != 'textarea'"
|
||||||
:placeholder="props.placeholder"
|
:placeholder="props.placeholder"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
@input="(e) => emit('input', e.target?.value)"
|
@input="onTextInput"
|
||||||
@focus="emit('focus')"
|
@focus="emit('focus')"
|
||||||
@blur="emit('blur')"
|
@blur="emit('blur')"
|
||||||
:type="props.type"
|
:type="props.type"
|
||||||
@@ -82,7 +86,7 @@ const onFileChange = (e: Event) => {
|
|||||||
v-else-if="props.textarea"
|
v-else-if="props.textarea"
|
||||||
:placeholder="props.placeholder"
|
:placeholder="props.placeholder"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
@input="(e) => emit('input', e.target?.value)"
|
@input="onTextInput"
|
||||||
@focus="emit('focus')"
|
@focus="emit('focus')"
|
||||||
@blur="emit('blur')"
|
@blur="emit('blur')"
|
||||||
:name="props.name"
|
:name="props.name"
|
||||||
|
|||||||
Reference in new issue
Block a user