html - Vuejs 嵌套 v-for 和标签问题
问题描述
当我尝试将 a 嵌套在 a 中并在每个 a 上绑定 v-for 时,vue 抱怨属性未定义。有什么问题?
<table>
<thead></thead>
<tbody>
<tr v-for="item in items">
<td>{{ item.name }}</td>
<tr v-for="child in item.children">
<td>{{ child.name }}</td>
</tr>
</tr>
</tbody>
</table>
这是一个 js 小提琴:https ://jsfiddle.net/78s3qnz5/
解决方案
如果您想使用行,也可以使用模板标签。
<table>
<thead></thead>
<tbody>
<template v-for="item in items">
<tr>
<td>{{ item.name }}</td>
</tr>
<tr v-for="child in item.children">
<td>{{ child.name }}</td>
</tr>
</template>
</tbody>
</table>
推荐阅读
- javascript - How to adjust the Js Chart's label?
- angular - Visual Studio Code can't resolve angular's tsconfig paths
- asp.net-mvc - MVC 设置视图渲染/执行顺序
- python - 如果两个dfs之间的行值相同,则比较两个熊猫数据帧并写入新数据帧
- python - 如何更改 distutils 的输出目录?
- gson - Gson 序列化无法使其正常工作
- c# - 不等待任务包装同步过程
- ruby-on-rails - 为支持 Turbolinks 的 Rails 5 应用程序的一部分手动管理浏览器历史记录
- shell - 用文件中的shell脚本替换字符
- kubernetes - 内部服务的自定义 URL 名称