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计算如何设置

回答

相关问题