小编sun*_*ann的帖子

我正在尝试转换此数组

let orders = [
  {  amount: '100', user: 'admin', date: 'March 6, 2019' },
  {  amount: '120', user: 'admin', date: 'March 6, 2019' },
  {  amount: '80', user: 'admin', date: 'March 7, 2019' },
  {  amount: '200', user: 'admin', date: 'March 7, 2019' },
];

像这样

orders = [
  ['100', 'admin', 'March 6, 2019'],
  ['120', 'admin', 'March 6, 2019'],
  ['80', 'admin', 'March 7, 2019'],
  ['200', 'admin', 'March 7, 2019'],
];

并且我读过Objects.values()返回数组中值的内容，因此我尝试通过在order数组中的每个项目上使用forEach()和使用来遍历Object.values数组。 …

我是vuejs的新手。我有这张桌子：

<table>
 <thead>
    <tr
      v-for="(items, index) in data"
      v-if="index == 0">
      <td v-for="(item, key) in items">
        {{ key }}
      </td>
    </tr>
  </thead>
  <tbody>
    <tr v-for="(items, index) in filteredData">
      <td v-for="item in items">
        {{ item }}
      </td>
    </tr>
  </tbody>
</table>

我想过滤行并显示与该输入内容匹配的行：

<input
  type="text"
  placeholder="Search something..."
  v-model="searchQuery">

我已成功通过计算属性完成了此操作。

computed: {
  filteredData: function() {
    return this.data.filter((items) => {
      for (var item in items) {
        if(String(items[item]).indexOf(this.searchQuery) !== -1) {
          return true
        }
      }
      return false
    })
  }
},

这将过滤表并仅显示具有与输入内容相匹配的单元格的行。这很完美。

但是，现在我只想过滤和显示其单元格与输入内容相匹配的行，而仅搜索从选择标记中选择的列，这是我在下面创建的：

<select
  id="columnsSelect"
  v-model="selected">
  <option …