Javascript Vue计算如何设置

我在试着做彩票号码服务，不知道怎么设置 我指的是威多克 所以我跟着vuedoc，但我不知道哪里错了

<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> -->

当我保存它按钮时，它也会显示“this one[]”，所以我决定设置computed set

  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

---

在您的情况下，应该使用

方法

而不是

计算的

属性

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

或者是过滤器

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

在模板中：

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

{{savedlottoNumber.numbers | displayNumbers}

我想您可能只想使用一种方法。在你的例子中，我看不出计算属性的原因。谢谢你的回答：D，但我也有一个方法错误，我认为使用bind是错误的

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