Vue計算如何設置

我試圖讓彩票號碼服務我不知道如何設置計算我指的是vuedoc https://vuejs.org/v2/guide/computed.html#Computed-Properties 所以我按照vuedoc，但我不知道哪裏錯了。Vue計算如何設置

<script async src="//jsfiddle.net/rhmyqswp/embed/"></script> 


<section class="saved-lotto-numbers"> 
<div class="saved-lotto-number-box" v-if="savedNumbers.length"> 
    <ul class="saved-number-list"> 
     <li v-for=" (savedlottoNumber,index) in savedNumbers" class="saved-lotto-number"> 

      <span class="eachnumber">{{savedlottoNumber.numbers}}</span> 
      <!-- <span class="eachnumber" >{{ displayNumbers(savedlottoNumber.numbers)}}</span> --> 

     </li> 
    </ul> 
</div> 
</section> 


<!-- <span class="eachnumber" >{{ displayNumbers(savedlottoNumber.numbers)}}</span> -->

這一部分，我將嘗試設置計算方法監守

我不能把圖像，所以我更換網址

https://scontent-icn1-1.xx.fbcdn.net/v/t31.0-0/p280x280/20231970_1418449444910830_4818341573312628187_o.jpg?oh=7457496ac48f6182ae4bca5e88370113&oe=5A105736)

，當我將它保存按鈕，這也顯示出「這一個[]'所以我決定設置計算集

computed: { 
    displayNumbers: function(Numbers) { 
     return Numbers; 
    } 
}

首先，我期望在屏幕上看到相同的結果，因爲我沒有做任何行動只是返回

但我遇到電源錯誤。

https://scontent-icn1-1.xx.fbcdn.net/v/t1.0-9/20106562_1418455411576900_6516857588571883325_n.jpg?oh=612817d9a803303f42c9bb107993b919&oe=59C8C567

來源

2017-07-17 user7250926

https://vuejs.org/v2/guide/computed.html#Computed-Setter – thanksd

我想你可能希望只使用一種方法。在您的示例中，我看不到計算屬性的原因。 –

在你的情況，你應該使用的methods代替computed性能。

methods: { 
    displayNumbers(Numbers) { 
     return Numbers 
    } 
}

或者可能是過濾器。

filters: { 
    displayNumbers(Numbers) { 
    return Numbers 
    } 
}

，並在您的模板：

<span class="eachnumber" >{{ savedlottoNumber.numbers | displayNumbers }}</span>

來源

2017-07-17 21:38:51 Ikbel

謝謝你的回答：D 但我也有一個錯誤的方法，我認爲這是錯誤的使用綁定 – user7250926

Vue計算如何設置

回答

相關問題