테스트 사이트 - 개발 중인 베타 버전입니다

value값 input으로 가져오기 질문드립니다. 채택완료

다나한포션 2년 전 조회 1,896

안녕하세요

다음장으로 넘어가는 스텝 페이지를 만들고 있습니다.

마지막 페이지에서는 폼입력을 받습니다.

 

<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개

채택된 답변
+20 포인트

<input
  :value="text"
  @input="event => text = event.target.value">

Vue.js 배우고 있는 중입니다..
이렇게 한다고 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

자문자답..;;

 

<input type="text" name="wr_1" :value="choices.checkedSize">

 

value값을 이렇게 넣으니 됩니다. 

 

https://kamang-it.tistory.com/entry/Vue-12%EA%B0%92%EC%9D%98-%EB%8F%99%EC%A0%81-%EB%B3%80%EA%B2%BD%EA%B3%BC-v-model

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인