안녕하세요 저는 vue JS를 사용하는 일부 백엔드 데이터를 통합하려는 프런트 엔드 개발자입니다.
양식이 있고 사용자가 "편집"을 클릭하면 동일한 양식이 표시되지만 값이 채워지기를 원합니다.
다음은 관련 JS입니다.
$(document).ready(function() {
new Vue({
el: 'body',
data: {
editMode: false,
challenge: null,
challenges: <%= raw @campaign.challenges.to_json(include: [:challenge_tags, :challenge_filters], methods: [:has_link, :encoded_link, :is_active, :contact_count, :total_clicks, :default_image, :completions, :total_targeted, :total_contacts]) %>,
},
methods: {
edit: function(challenge) {
this.editMode = true;
this.challenge = challenge; **
}
}
})
});
** 이것은 제안이지만 작동하지 않는 것 같습니다.
다음은 HTML입니다.
<input class="input" type="text" placeholder="challenge name" v-model="challlenge.name">
예를 들어 이것은 올바르게 작동합니다.
<span v-if="editMode">Edit</span>
v 모델과 함께 작동하는 것이 이상적입니다.
도움이되는 조언!
편집 : v-if = "challenge.name"을 추가 할 때 필드가 표시되지 않습니다. 이는 데이터에 액세스하고 있지 않다는 의미입니까?
이렇게하면 v-if="challenges && challenges.name"챌린지에 사용 가능한 데이터가있을 때 필드가 표시됩니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다