vue qs form
1.0.0
Formulir langkah cepat Vue, formulir kuesioner cepat Vue
Perlu digunakan dengan elemen-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 >
parameter | menjelaskan | harus | jenis | Nilai opsional | nilai bawaan |
---|---|---|---|---|---|
data | formulir data | Ya | Rangkaian | — | — |
tinggi | tinggi bentuk | TIDAK | Rangkaian | — | 250 piksel |
berikutnya otomatis | Apakah akan melakukan langkah berikutnya secara otomatis | TIDAK | Boolean | benar/salah | PALSU |
sebelumnyaBtnTeks | Teks tombol sebelumnya | TIDAK | Rangkaian | — | Langkah sebelumnya |
berikutnyaBtnTeks | Teks tombol berikutnya | TIDAK | Rangkaian | — | Langkah selanjutnya |
kirimBtnTeks | Teks tombol selesai | TIDAK | Rangkaian | — | kirim |
nama acara | menjelaskan | parameter panggilan balik |
---|---|---|
kirim | Klik kirim acara | formulir data |
hadir | mencapai akhir | - |
nama metode | menjelaskan | parameter panggilan balik |
---|---|---|
istirahatForm | Setel ulang formulir | - |
Vue-qs-form adalah perangkat lunak sumber terbuka yang dilisensikan di bawah lisensi MIT