2016-07-27 13 views
0

最近、vuejsの計算オプションによって発生した問題が発生しました。計算されたオプションの変更によって作成されたv-for配列の場合、DOMはそれに応じて変更されません。

まず、計算されたオプションによって作成された配列(soloColImgs)に対してv-forループを使用します。

私のHTML

<div class="show-box" v-for="item in soloColImgs" track-by="$index"> 
       <img v-bind:src="item.imgUrl"/> 
       <a v-bind:href="item.itemUrl" target="_blank"></a> 
    </div> 

私のJS

//... 
    computed: { 
    soloColImgs :function(){ 
      //.... 
    }, 

    methods: { 
     change:function(){ 
       this.soloColImgs.pop(); 
      } 
     } 

第二に、私は私がコンソールに見ると、配列ができ、... pop()またはsplice()などを使用して配列(soloColImgs)を変更それに応じて変更されますが、DOMはまったく変更されません。誰もがこのことから私を助けることができれば、それは素晴らしいことだろう。

答えて

1

計算されたプロパティのポイントは、それを定義する関数によってのみ決定される点です。直接変更することはできません。依存関係に基づいて変更する必要があります。依存関係は、戻り値を計算するために使用されるプロパティです。

+0

ありがとうございました!私は今まさに同じことを見つけました。依存関係を変更することで私の問題を解決しました。答えは同じです。 ) –

関連する問題