vue qs form

vue-qs-양식

Vue 빠른 단계 양식, Vue 빠른 설문지 양식

element-ui https://github.com/elemefe와 함께 사용해야 합니다.

빠른 시작

 import Vue from 'vue'
import vueQsForm from 'vue-qs-form'

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

예

< template >
  < vue-qs-form v-model = " form " :data = " data " @finish = " submitForm " ></ vue-qs-form >
</ template >

< script >
import vueQsForm from ' vue-qs-form '

export default {
  name : ' App ' ,
  components : {
    vueQsForm
  },

  data : () => ({
    form : ' ' ,
    data : [
      {
        ' key ' : ' qa1 ' ,
        ' title ' : '问题一' ,
        ' radios ' : [
          [ 0 , '否' ],
          [ 1 , '是' ]
        ]
      },
      {
        ' key ' : ' qa2 ' ,
        ' title ' : '问题二' ,
        ' radios ' : [
          [ 0 , '否' ],
          [ 1 , '是' ]
        ]
      }
    ]
  }),
}
</ script >

소품

매개변수	설명하다	~ 해야 하다	유형	선택적 값	기본값
데이터	양식 데이터	예	끈	—	—
키	형태 높이	아니요	끈	—	250px
자동다음	다음 단계를 자동으로 수행할지 여부	아니요	부울	참/거짓	거짓
이전Btn텍스트	이전 버튼 텍스트	아니요	끈	—	이전 단계
nextBtn텍스트	다음 버튼 텍스트	아니요	끈	—	다음 단계
submitBtnText	완료 버튼 텍스트	아니요	끈	—	제출하다

이벤트

이벤트 이름	설명하다	콜백 매개변수
제출하다	이벤트 제출 클릭	양식 데이터
참석하다	끝에 도달하다	-

기능

메소드 이름	설명하다	콜백 매개변수
휴식양식	양식 재설정	-

특허

Vue-qs-form은 MIT 라이선스에 따라 라이선스가 부여된 오픈 소스 소프트웨어입니다.