Question

好吧，也许我还不够具体，请在 EDIT

下面添加新信息

我有一些变量（数组和单值变量），这些变量是从移交的上一个.vue页面获取数据的（全部有效）

现在：

“ anzahlModule”中存储有一个数字，如果那是！= 0，则我希望添加一个表行，并将该数字作为该行的moduleCount添加。 anzahlMOdule = [1,0,2,4]例如

还要根据anzahlModule中数字的索引来显示模块名称：

Example table shortened

因此不会显示计数为0的模块（示例中为模块2）。每行都将添加其他静态变量，每行相同（widthcont，lengthcont等）。（模块数组尚不存在，因为我已经遇到了模块计数= anzahlModule的问题）

使用“字段”和“项目”，我设法显示了具有正确列数的静态版本（如果需要，我可以添加其代码）。但是我只是硬编码其中包含多个项目的“数据文件”。

简单地说：我如何获取本地数据 1.到餐桌上的所有原因，到目前为止，它不会接受 2.仅在计数器数组值不为0时动态显示它

HTML：

 <b-table
    class="partslist"
    striped hover :items="items"
    :fields="fields"
  >
  </b-table>

脚本：

export default {
  data () {
    return {
      fields: {...},
      items: [{...}],
      heightcont: '',
      widthcont: '',
      lengthcont: '',
      gelaender: '',
      treppe: '',
      laufsteg: '',
      containertyp: '',
      anzahlModule: []
    }
  }
}

现在的方法基本上是在每个模块中都有一个项目，并尝试用数据来化它，但我一直在努力将数据放入其中，而且也没有显示计数为0的那些东西。

更好的

只有一个模板，实际上为每个不等于0的anzahlModule动态创建一个新项目。然后将“ item”-对象添加为表的新行。

编辑： 好的，所以我玩了一下，然后想到的是：我从上一个.vue“页面”获取数据，或者更好的说是“视图”移交加载/创建已装入的数据，并在那里调用函数，然后，根据需要，此函数通过anzahlModule进行迭代，并创建一个新项目。其余的我直接写到图片中，因为它更容易理解：

fields & items mounted & addNewRow method

根据局部变量创建并填充动态b表

0 个答案: