Javascript HTML代码中vue.js V-for和Flask之间存在冲突？

我在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>

{{item.mail}
{{item.date}
{{item.address}
{{item.company}
{{item.fliers}

---

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

您没有正确地循环数据。目前，

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 %}

{%for rowData%中的项]
{{item.mail}
{{item.date}
{{item.address}
{{item.company}
{{item.fliers}
{%endfor%}

---

也请阅读。

我不再有错误，但该表不会像没有烧瓶的原始表那样更新。您必须提供更多信息/代码才能获得帮助。我们不知道您的表在过去是如何更新的，也不知道现在是如何更新的，也不知道差异是什么，也不知道您希望它们是什么。当然。如果问题与Vue无关，我可能会问另一个问题，以避免在这个线程中造成混乱。