v-для взгляда с использованием фигурных скобок

Question

Я столкнулся с ситуацией, когда мне нужно зациклить настоящие элементы, не создавая HTML. Я ожидаю, что код будет выглядеть примерно так.

      <table id="detailTable">
        <tr>
          <th class='editRow'></th>
          <th class='editRow'></th>
          <!-- <th class='editRow'></th> -->
          <th v-for='(columns, index) in $parent.columns' :key='index'>{{ firstLetterCaps(columns) }}</th>
        </tr>
        {{ for (row, index) in $parent.results }}
        <resultsRows v-for='(row, index) in $parent.results' :key='index' :row='row' :index='index' :deleteQueryObjects='$parent.deleteQueryObjects'></resultsRows>
        <resultsCommentRow v-for='(row, index) in $parent.results' :index='index'></resultsCommentRow>
        {{ end-for}}
      </table>

Чтобы было понятно, я ожидаю, вместо использования <div v-for=item in items></div> для этого { for item in items } { end for } существует ли это для vue?

Answer 1

В vuejs такого синтаксиса нет, если вы хотите зациклить что-то, не касаясь этого, вы можете использовать <template>, например:

<template v-for="element in elements" >
...
</template>

template описание тега от: https://www.w3schools.com/TagS/tag_template.asp
Вы можете пойти глубже: https://vuejs.org/v2/guide/syntax.html

В вашем случае:

<template v-for='(row, index) in $parent.results' >
    <resultsRows :row='row' :index='index' :deleteQueryObjects = '$parent.deleteQueryObjects' />
    <resultsCommentRow :index='index' />
</template>