MyTetra Share
Делитесь знаниями!
Модификаторы v-model в Vue
24.02.2018
13:08
Автор: br0ke
Текстовые метки: javascript, js, vue, vuejs, vue.js, form, forms, html, unput, text, textarea, lazy, number, trim
Раздел: Информационные технологии - JavaScript - Vue

При использовании директивы v-model с элементами HTML-форм возможно добавление следующих модификаторов:


.lazy

===

По умолчанию v-model синхронизирует ввод с данными при каждом изменении. Можно сделать поле ввода "ленивым", тогда значение будет обновлено только после окончания ввода (переход в другое поле ввода):

<!-- синхронизируется после "change", а не "input" -->
<input v-model.lazy="msg" >


.number

=======

Значение, введенное в поле, автоматически будет конвертировано в число.

<input v-model.number="age" type="number">


.trim

=====

Обрезает пробельные символы в начале и конце строки.

<input v-model.trim="msg">


Так же в этом разделе:
 
MyTetra Share v.0.52
Яндекс индекс цитирования