Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить модифікатор .trim?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`.trim`** - модифікатор директиви `v-model`, який автоматично видаляє пробіли по краях рядка перед тим, як записати значення в модель. **Ключове:** він приводить ввід користувача до "чистого" значення без початкових і кінцевих пробілів, наприклад при валідації форм чи порівнянні рядків.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняМодифікатор `.trim` у директиві `v-model` автоматично **видаляє пробіли по краях рядка** перед тим, як записати значення в модель. Простіше кажучи: > `.trim` **приводить ввід користувача до "чистого" значення без початкових і кінцевих пробілів.** --- ## Як працює `.trim`? ```html <input v-model.trim="username"> ``` Якщо користувач вводить: ``` " Alex " ``` То у змінну `username` потрапить: ``` "Alex" ``` Vue робить це **автоматично**, без додаткового коду. --- ## Приклад ```html <input v-model.trim="inputText"> <p>{{ inputText }}</p> ``` Користувач вводить: ``` " hello " ``` Результат після вводу: ``` hello ``` --- ## Коли корисно використовувати `.trim`? #### 1. При вводі логінів, імен, email Щоб прибрати випадкові пробіли: ``` " user@mail.com " ``` #### 2. При валідації форм Щоб запобігти ситуаціям, коли користувач вводить: ``` " " -> порожній рядок -> помилка ``` Без `.trim` такий рядок може вважатися непорожнім. #### 3. Для текстів без значущих відступів Наприклад: - заголовки - коментарі - пошукові запити #### 4. Щоб уникнути багів при порівнянні рядків Наприклад: ```js if (username === "admin") ``` Без `.trim` порівняння може бути неправильним через пробіли. --- ## Як це працює під капотом? Vue автоматично обробляє: ```html v-model.trim="value" ``` як: 1. отримати `event.target.value` 2. викликати `.trim()` на рядку 3. записати результат у модель Тобто: ```js value = event.target.value.trim(); ```Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.