[Vue.js] input 태그 value와 :value 차이
1. value
<input id="inpSize1" type="tel" :placeholder="키" value="originHeight" @change.prevent="$_hValidateHn">
...
computed: {
...mapState({
originHeight(state) {
return state.originHeight;
},
...
value
의 경우, 뷰의 input 창 안에 "originHeight" 하드코딩으로 나타남
2. :value
<input id="inpSize1" type="tel" :placeholder="키" :value="originHeight" @change.prevent="$_hValidateHn">
...
computed: {
...mapState({
originHeight(state) {
return state.originHeight;
},
...
:value
의 경우 뷰의 input 창 안에computed
단계에서 불러온originHeight
값(data)으로 나타남
TIP)
@change.prevent="$_hValidateHn"
@change
는 해당input
태그 내 값이 변경됐을 경우$_hValidateHn
메소드를 실행시킨다.
Author And Source
이 문제에 관하여([Vue.js] input 태그 value와 :value 차이), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kmdngmn/Vue.js-input-태그-value와-value-차이저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)