[Vue.js] 입력값에 공백 없애기 v-model.trim

사용자가 실수로 입력값으로 공백을 넣었을 때 해당 공백을 없애야 한다

Vue.js 에서는 v-model 끝에 .trim 만 추가하면 쉽게 공백을 없앨 수 있다.

 

<div class="form-group">
	<div>
    	<strong>이름 : </strong>
		<input v-model.trim="order.firstName">
	</div>
    <div>
    	<strong>성 : </strong>
		<input v-model.trim="order.lastName">
	</div>
</div>