vue.js에서 스타일 편집 양식을 생성하려고 합니다.

vue.js에서 스타일 편집 양식을 생성하려고 합니다.

vue를 사용하여 무언가를 만드는 것은 이번이 처음입니다.

JSFiddle의 간단한 데모를 소개합니다.

값을 입력하지 않고 표시하는 폼을 작성하려고 합니다.클릭하면 입력이 표시됩니다.저는 간신히 "일하는" 모형을 만들었지만, 이것이 올바른 접근 방식인지 아닌지 잘 모르겠습니다.다음 사항에 대해서는 잘 모르겠습니다.

Vue.nextTick(function() {
  document.getElementById(field.id).focus();
});

한편, 추천하는 입력 검증 라이브러리 같은 것이 있습니까?

여기서 가이드라인을 알려주시면 감사하겠습니다.wink :

감사합니다!

첫 번째 질문입니다만, 플레인 Javascript를 사용하여 입력에 집중하는 것은 문제가 없다고 생각합니다.vue를 사용하여 이 작업을 수행할 수도 있습니다.refs업데이트된 바이올린 보기

이것은 깔끔해 보이지는 않지만, 레퍼런스를 사용하면 원하는 것을 레퍼런스로 넣을 수 있고 ID에 의해 제한되지 않으며 결국 어떤 것을 사용할지는 당신의 선택에 달려 있습니다.

검증 라이브러리에 대해서는, 다음의 몇개의 항목을 참조해 주세요.

1. 부레다테
2. Vee 검증
3. 기타

언급URL : https://stackoverflow.com/questions/43736258/trying-to-create-a-edit-in-place-style-form-in-vue-js