value값 input으로 가져오기 질문드립니다.
본문
안녕하세요
다음장으로 넘어가는 스텝 페이지를 만들고 있습니다.
마지막 페이지에서는 폼입력을 받습니다.
<script src="<?php echo G5_JS_URL?>/jquery-1.12.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<div v-if="step === 1" class="step step-one" key="1">
<input type="radio" id="toggle1" name="wr_1" value="TV" v-model="choices.checkedSize">
<input type="radio" id="toggle2" name="wr_1" value="냉장고" v-model="choices.checkedSize">
</div>
<div v-if="step === 2" class="step step-one" key="2">
<input type="radio" id="toggle3" name="wr_2" value="TV" v-model="choices2.checkedSize2">
<input type="radio" id="toggle4" name="wr_2" value="냉장고" v-model="choices2.checkedSize2">
</div>
이런식으로 라디오버튼으로 값을 받아와서
<p>{{choices.checkedSize}}</p>
이렇게 출력은 잘됩니다.
근데 폼으로 입력을 받아야 해서
<input type="hidden" name="wr_1" value="{{choices.checkedSize}}">
이렇게 받아오면
{{choices.checkedSize}} 그냥 요대로만 나오더라구요
그래서
<?php
$wr1 = "{{choices.checkedSize}}";
?>
<input type="hidden" name="wr_1" value="<?php echo $wr1; ?>">
이렇게해도 마찬가지고..
출력은 되는데 input에는 안들어가는데
도통 모르겠습니다. 고수님들 도움 부탁드립니다....
답변 2
<input
:value="text"
@input="event => text = event.target.value">
Vue.js 배우고 있는 중입니다..
이렇게 한다고 합니다.
자문자답..;;
<input type="text" name="wr_1" :value="choices.checkedSize">
value값을 이렇게 넣으니 됩니다.