From c7ec8f3c8bae2d94ea13e81d45893262f355faa5 Mon Sep 17 00:00:00 2001 From: Milos Paunovic Date: Thu, 10 Feb 2022 16:37:41 +0100 Subject: [PATCH] fix(docs): Improved QInput example to prevent multiplying issues Related: [https://github.com/quasarframework/quasar/issues/11423](https://github.com/quasarframework/quasar/issues/11423), [https://github.com/quasarframework/quasar/issues/10376](https://github.com/quasarframework/quasar/issues/10376), [https://github.com/quasarframework/quasar/discussions/10362](https://github.com/quasarframework/quasar/discussions/10362) [https://github.com/quasarframework/quasar/issues/12431](https://github.com/quasarframework/quasar/issues/12431). --- docs/src/pages/vue-components/input.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/src/pages/vue-components/input.md b/docs/src/pages/vue-components/input.md index 9d0b1705d21..ee344b2f26a 100644 --- a/docs/src/pages/vue-components/input.md +++ b/docs/src/pages/vue-components/input.md @@ -6,7 +6,7 @@ keys: QInput The QInput component is used to capture text input from the user. It uses `v-model`, similar to a regular input. It has support for errors and validation, and comes in a variety of styles, colors, and types. -## QInput API +## QInput APIf @@ -74,6 +74,10 @@ Please check these resources for more information about native attributes (for i As a helper, you can use `clearable` prop so user can reset model to `null` through an appended icon. The second QInput in the example below is the equivalent of using `clearable`. +::: warning +Won't work with `v-model`-managed input modifiers, such as `.trim`, because in that case `Vue` doesn't handle `null` values. +::: + ### Input types