diff --git a/src/components/Input/SInput.vue b/src/components/Input/SInput.vue index 17a652ec..8cf14ce6 100644 --- a/src/components/Input/SInput.vue +++ b/src/components/Input/SInput.vue @@ -30,7 +30,7 @@ /> @@ -45,6 +45,7 @@ import { Autocomplete, InputType } from './consts' @Component export default class SInput extends Vue { readonly InputType = InputType + readonly emptyValue = null /** * Type of input. It can be "text" or "textarea" or any native input type. * `"text"` by default @@ -129,6 +130,7 @@ export default class SInput extends Vue { @Watch('model') private handleValueChange (value: string | number): void { + this.$emit('input', value) this.$emit('change', value) } diff --git a/src/stories/SInput.stories.ts b/src/stories/SInput.stories.ts index f1269566..e484d588 100644 --- a/src/stories/SInput.stories.ts +++ b/src/stories/SInput.stories.ts @@ -155,14 +155,21 @@ export const withTextLimit = () => ({ export const textFileInput = () => ({ components: { SInput }, - template: ``, + template: `
+ + + v-model="{{ vModelValue }}", @change="{{ changeValue }}" + +
`, data: () => ({ - input: '' + vModelValue: '', + changeValue: '' }), props: { accept: {