vue qs formのダウンロード - vue qs formソースコードのダウンロード

vue qs form

その他のカテゴリー

1.0.0

ダウンロード

vue-qs-form

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 >

小道具

パラメータ	説明する	しなければならない	タイプ	オプションの値	デフォルト値
データ	フォームデータ	はい	弦	—	—
身長	フォームの高さ	いいえ	弦	—	250ピクセル
自動次へ	自動的に次のステップを実行するかどうか	いいえ	ブール値	真/偽	間違い
前のBtnテキスト	前へのボタンのテキスト	いいえ	弦	—	前のステップ
次のBtnテキスト	次へボタンのテキスト	いいえ	弦	—	次のステップ
submitBtnText	完了ボタンのテキスト	いいえ	弦	—	提出する