Javascript 使用Vue JS将Json文件转换为HTML文件

我有一个使用vue.js的json到html，例如，我只想在赔率和oddsw大于1.44时显示选择

Json

现在是JS

$(function () {
    var JSONTableApp = new Vue({
        el: '#JSONTableApp',
        data: {
            Loading: false,
            Results: [],
            Ready: false,
            SearchInput: '',
            ResultsPerPage: 10,
            Data: [],
            CurrentPage: 1,
            NumberOfPages: 10,
            NumberOfResults: 0,
            NoResultsFound: false,
            PaginatedResults: [],
            OrderBy: 'Selections',
            OrderType: 'asc', //'asc', 'desc',
            UnableToLoadData: false

---

或者当赔率和oddsw大于零时

您可以使用计算属性：

new Vue({
  el: '#JSONTableApp',
  data: {
    results: []
  },
  computed: {
    filteredResults() {
      return this.results.filter(function(item) {
        return item.odds > 0 && item.oddsw > 0;
      });
    }
  }
})

现在，您可以在html中使用它：

<ul>
  <li v-for="result in filteredResults">
    ...
  </li>
</ul>        

...

查看数组筛选方法我有如何在FilteredResult中添加结果我不确定我是否理解您的意思。什么是

Paginate（）

？你能用所有代码编辑你的问题代码吗？Paginate:function（）{this.NumberOfResults=this.Results.length；var ResultsPerPage=parseInt（this.ResultsPerPage）；filtered_Results=this.Results；}，然后你可以在你的Paginate函数中使用。

<ul>
  <li v-for="result in filteredResults">
    ...
  </li>
</ul>