📝: 更新 input 事件列表

This commit is contained in:
就眠儀式 2022-05-06 22:43:50 +08:00
parent eb2ed1001f
commit ee46a4cfd5
3 changed files with 18 additions and 15 deletions

View File

@ -42,9 +42,10 @@ const emit = defineEmits([
"blur", "blur",
]); ]);
const onInput = function (event: InputEvent) { const onInput = function (event: Event) {
const inputElement = event.target as HTMLInputElement; const inputElement = event.target as HTMLInputElement;
emit("update:modelValue", inputElement.value); const value = inputElement.value;
emit("update:modelValue", value);
emit("input", event); emit("input", event);
}; };
@ -52,16 +53,16 @@ const onClear = () => {
emit("update:modelValue", ""); emit("update:modelValue", "");
}; };
const onFocus = (event: FocusEvent) => { const onFocus = (event: Event) => {
emit("focus", event); emit("focus", event);
}; };
const onChange = () => { const onChange = (event: Event) => {
emit("change"); emit("change", event);
}; };
const onBlur = () => { const onBlur = (event: Event) => {
emit("blur"); emit("blur", event);
}; };
</script> </script>

View File

@ -142,4 +142,4 @@ const isNumber = function (num: any) {
/> />
</lay-button> </lay-button>
</div> </div>
</template> </template>

View File

@ -13,6 +13,7 @@
::: demo 使用 `lay-input` 标签, 创建输入框 ::: demo 使用 `lay-input` 标签, 创建输入框
<template> <template>
{{ data1 }}
<lay-input v-model="data1"></lay-input> <lay-input v-model="data1"></lay-input>
</template> </template>
@ -175,6 +176,7 @@ export default {
| name | 原始属性 name | -- | | name | 原始属性 name | -- |
| placeholder | 提示信息 | -- | | placeholder | 提示信息 | -- |
| disabled | 禁用 | `true` `false` | | disabled | 禁用 | `true` `false` |
| readonly | 原生属性 readonly | `true` `false` |
| v-model | 值 | -- | | v-model | 值 | -- |
| autofocus | 原生属性 autofocus | `true` `false` | | autofocus | 原生属性 autofocus | `true` `false` |
| autocomplete | 原生属性 autocomplete | `true` `false` | | autocomplete | 原生属性 autocomplete | `true` `false` |
@ -186,15 +188,15 @@ export default {
::: table ::: table
| 事件 | 描述 | 参数 | | 事件 | 描述 | 参数 |
| ----- | --------------- | ---------------- | | ----- | ------------------- | ----------------|
| input | 原生 input 事件 | event : 事件对象 | | input | 原生 input 事件 | event : Event |
| foucs | 原生 foucs 事件 | event : 事件对象 | | foucs | 原生 foucs 事件 | event : Event |
| blur | 原生 blur 事件 | -- | | blur | 原生 blur 事件 | event : Event |
| change| 原生 change 事件 | event : Event |
| clear | 清空 事件 | -- |
::: :::
::: previousNext input ::: previousNext input
::: :::