2016-05-13 9 views
1

データプロパティーとして関数を使用したいと思います。これは、 'works'データプロパティの場合と同様に正常に動作しているようです。しかし、this.shoppingCart(別のプロパティ)に格納されている値を計算できるように、関数内にこのコンテキストが必要です。バインドvuejsがコンテキストvuejsを持つデータとして機能する

これは可能ですか?もしそうなら、私は何が間違っているのですか?

new Vue({ 
    el: '#vueApp', 

    data: { 

     shoppingCart: [],  

     works : function() { 
      return "testfunc"; 
     }, 
     totalPriceCalcProperty : function() { 

      this.totalPrice = this.shoppingCart.reduce(function(total, cartItem){ 

       console.log(total, cartItem); 
       return total + parseFloat(cartItem.price); 

      }, 0); 
     } 
    }, 

    methods: { 

     totalPriceCalc: function() { 

      this.totalPrice = this.shoppingCart.reduce(function(total, cartItem){ 

       console.log(total, cartItem); 
       return total + parseFloat(cartItem.price); 

      }, 0); 
     }, 
    } 

答えて

0

あなたはmethods、ないdataを使用してこれを実装する必要があります。
dataは、いくつかの操作を処理するのではなく、何かを保存するのに役立っています。

メソッドでは、this.xxxを呼び出してdataまたはproperty

からプロパティを取得できます
関連する問題