📝: 更新 input 事件列表
This commit is contained in:
parent
eb2ed1001f
commit
ee46a4cfd5
@ -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>
|
||||||
|
|
||||||
|
@ -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
|
||||||
:::
|
:::
|
Loading…
x
Reference in New Issue
Block a user