Vue.js 2.0マルチステップのウィザード

Question

私はVue.js 2.0を使用したマルチステップのウィザードに取り組んでいます。

私はVUE 1.0.26を使用した例でこれをベースとしています。

は、私は、コードを更新し、それが90％であるが、それを修正する方法を見つけ出すことができないと考えている、ここでhereを見ることができます私のコード

data: { 
    currentstep : 1, 
    indicatorclass: true, 
    step: 1, 
    active: 1, 
    firststep: 1, 
    nextStep: 2, 
    lastStep: 0, 
    laststep: 3, 
    steps: [ 
     { 
      id: 1, 
      title: 'Position', 
      icon_class: "fa fa-map-marker" 
     }, { 
      id: 2, 
      title: 'Category', 
      icon_class: "fa fa-folder-open" 
     }, { 
      id: 3, 
      title: 'Send', 
      icon_class: "fa fa-paper-plane" 
     } 
    ] 
}, 

完全なプロジェクトの抜粋です。ステップを歩いているのがわかりますが、突然変異のエラーがスローされます。ステップインジケータが下に表示されているので、間違ったことがあってはなりません（そして間違っている）。

Answer 1

2つのこと：

は、HTMLの残りの外にテンプレートを移動し
1. 。これらはドキュメントフローの一部ではありません。私のために、それは無関係なステップ指標を取り除いた。代わりにあなたのイベントで小道具を変更する

2. が発する：

   this.$emit('step-change', ++this.currentstep) 
   

   は、計算として新しい値を送信します。

   this.$emit('step-change', this.currentstep + 1) 
   

   はあなたが小道具を変異していません。