---
# System prepended metadata

title: v-model 修飾符 (2-4)
tags: [Vue, 2. 指令語法全介紹]

---

# v-model 修飾符 (2-4)
###### tags: `Vue`、`2. 指令語法全介紹`
2022.3.2

### Lazy
&emsp;&emsp;資料不會同步鍵入，只會在輸入完按確認才會同步。
```
{{ lazyMsg }}
<input type="text" class="form-control" v-model.lazy="lazyMsg">
```
### Number
&emsp;&emsp;一般v-model輸入資料都一律視為字串，唯有加上number修飾符，輸入數字資料才會轉為數字格式。
```
{{ numberMsg }}{{ typeof numberMsg }}
<input type="number" class="form-control"  v-model.number="numberMsg">
```
### Trim
&emsp;&emsp;過濾掉輸入文字的前後空白，實務上信箱輸入會使用到。
```
這是一段{{ trimMsg }}緊黏的文字
<input type="text" class="form-control" v-model.trim="trimMsg">

```