2016-09-24 8 views
0

의 입력 필드 값을 얻기 위해 내가 입력 필드에서 값을 받고 도움 싶습니다어떻게 VUE에 새로 온 사람 VUE

그래서 내 양식에 내가 가진를 :

<input type="hidden" id="groupId" value="1"> 

그리고 jQuery를 함께 내가 할 것 :

<div id="app"> 
    <input type="text" v-model="groupId"> //Where do I put the value? 
</div> 

new Vue({ 
    el: '#app', 
    data: { 
     groupId: //What do I put here to get the field's value? 
    } 
:

var group_id = $('#groupId').val(); 

를 VUE에서 나는 숨겨진 필드를 결합하는 방법을 모른다

누군가 도와 드릴 수 있습니까?

답변

3

업데이트 : See this answer으로 업데이트. 이전에 업데이트 된 답변이 잘못되었습니다.

원래 답 :

뷰에서 뷰에서 일을하지 않고보기에 물건을 넣어. Vue는 그렇게합니다. 뷰 모델에서 모든 조작을 수행하고 뷰에서 바인딩을 만들어 Vue가 뷰를 동기화하는 방법을 알 수 있도록합니다.

<input type="hidden" id="groupId" v-model="groupId"> 

을하고 뷰 모델에 값을 설정 : 그래서 당신은 당신의 모델 데이터 항목에 입력을 결합하는 것

data: { 
    groupId: 1 
} 
+0

좋아, 나는 여기서 모두 혼란 스럽다고 생각한다. 나는 Laravel과 Vue를 함께 배우고 있습니다. 그래서 나는 DataGrid에 대한 vue 템플릿을 가지고 있고 vue 나 blade 파일로 컨트롤러의 그룹 id 값을 전달해야합니다. 나는 그것을 vue 템플리트에 어떻게 전달할 수 있을지 확신하지 못합니다. 조금 더 파헤 치러 간다 –

+0

@SigalZahavi 약간의 업데이트 :'v-model'의 사용은 괜찮 았습니다. 죄송합니다. 혼란 스럽다면. 요점은 뷰 모델에서 값을 설정해야한다는 것입니다. 나는 Laravel을 사용하지 않으므로 그걸 도와 드릴 수는 없습니다. –

+0

로이, 도와 주신 것에 대해 먼저 감사드립니다. 우리가 Laravel을 잊어 버리면. 귀하의 예제에서 당신은 groupId : 1,하지만 당신은이 1을 어디에서 얻나요? 그것은 역동적 인 가치입니다. 그것을 어떻게 얻을 수 있습니까? –

-2

좋아,이 작업을 수행합니다 document.querySelector를 ('#의 groupId') .getAttribute ('value');