HTML代码中vue.js V-for和Flask之间的冲突？ [复制]

Question

我在 HTML 中使用以下代码

<tr v-for="item in rowData" >
          <th scope="row">{{ item.mail }}</th>
          <td>{{ item.date }}</td>
          <td>{{ item.adress }}</td>
          <td>{{ item.company }}</td>
          <td>{{ item.fliers }}</td>
</tr>

动态向表中添加行。当我打开 html 文件时，这段代码一切正常，但是当我使用 Flask 并在 localhost 上打开这段代码时，我得到“jinja2.exceptions.UndefinedError: 'item' is undefined”。有没有办法在 Flask 中完成这项工作？

Answer 1

您没有正确循环数据。目前，item 在 Jinja 中不作为变量存在，因此会给您错误。跟Vue没关系

试试这个：

{% for item in rowData%}
<tr>
  <th scope="row">{{ item.mail }}</th>
  <td>{{ item.date }}</td>
  <td>{{ item.adress }}</td>
  <td>{{ item.company }}</td>
  <td>{{ item.fliers }}</td>
</tr>
{% endfor %}

另请阅读Jinja documentation on looping。