Tech Racho エンジニアの「?」を「!」に。
  • 開発

Vue.jsサンプルコード(26)多数のアンケートを同一画面で順に表示する

26. 多数のアンケートを同一画面で順に表示する

  • Vue.jsバージョン: 2.5.2
  • [応募]ボタンを押すと、メッセージの主語を切り替えてアンケートを表示します。
  • 3つの回答の中から1つをクリックするとページを切り替えずに次の質問に進み、下の値リストを更新します。
    • (終了処理がないのでアンケートが終わると最初の質問に戻ります)
  • 画面をリロードすると最初の状態に戻ります。

サンプルコード


ポイント: Vue.jsの他にlodash.jsdelayも使っています。

    methods: {
      next: function(e) {
        this.answers.push(this.a)
        _.delay(() => { this.index++; this.a = null }, 500)
      },
    },

バックナンバー(Vue.jsサンプルコード)

Vue.jsサンプルコード(01〜03)Hello World・簡単な導入方法・デバッグ・結果の表示とメモ化

CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。