介绍 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> Title</title>
& lt;才能style>
,,,* {
,,,,,保证金:,0;
,,,,,填充:,0;
,,,,,list-style:,没有;
,,,}
& lt;才能/style>
& lt;/head>
& lt; body>
& lt; table id=癮pp",边境=?“,单元格间距=?”,单元格边距=?”;在
& lt; tr>
& lt;才能td>父循环第几次& lt;/td>
& lt;才能td>子循环第几次& lt;/td>
& lt;才能td> json的第几条数据& lt;/td>
& lt;才能td>数值& lt;/td> & lt;/tr>
& lt; tbody v=皒, index 拷贝parentList"比;
& lt; tr v=拔襥ndex2 拷贝x.childList"比;
& lt;才能td>{{指数}}& lt;/td>
& lt;才能td> {{index2}} & lt;/td>
& lt;才能td> {{i.index}} & lt;/td>
& lt;才能td> {{i.childName}} & lt;/td>
& lt;/tr>
& lt;/tbody>
& lt;/table>
& lt;/body>
& lt; script src=癶ttps://cdn.bootcss.com/vue/2.4.4/vue.min.js"祝辞& lt;/script>
& lt; script>
const 才能;应用=new Vue ({
,,,埃尔:“# app"
,,,数据:{
,,,,,parentList:, {
,,,,,,,childList:, {
,,,,,,,,,指数:,1,
,,,,,,,,,childName:,“第一个节点“
,,,,,,,},{
,,,,,,,,,指数:,2,
,,,,,,,,,childName:,“第一个节点“
,,,,,,,},{
,,,,,,,,,指数:,3,
,,,,,,,,,childName:,“第一个节点“
,,,,,,,},{
,,,,,,,,,指数:,4,
,,,,,,,,,childName:,“第一个节点“
,,,,,,,},{
,,,,,,,,,指数:,5,
,,,,,,,,,childName:,“第一个节点“
,,,,,,,}]
,,,,,},
,,,,,,,{
,,,,,,,,,childList:, {
,,,,,,,,,,,指数:,,
,,,,,,,,,,,childName:,“第二个节点“
,,,,,,,,,},{
,,,,,,,,,,,指数:,7日
,,,,,,,,,,,childName:,“第二个节点“
,,,,,,,,,},{
,,,,,,,,,,,指数:,,
,,,,,,,,,,,childName:,“第二个节点“
,,,,,,,,,},{
,,,,,,,,,,,指数:,9日
,,,,,,,,,,,childName:,“第二个节点“
,,,,,,,,,},{
,,,,,,,,,,,指数:,,
,,,,,,,,,,,childName:,“第二个节点“
,,,,,,,,,}]
,,,,,,,},
,,,,,,,{
,,,,,,,,,childList:, {
,,,,,,,,,,,指数:,11日
,,,,,,,,,,,childName:,“第三个节点“
,,,,,,,,,},{
,,,,,,,,,,,指数:,12日
,,,,,,,,,,,childName:,“第三个节点“
,,,,,,,,,},{
,,,,,,,,,,,指数:,13日
null
null
null
null
null
null
null
null
null
null
null
null
null
这篇文章将为大家详细讲解有关使用vue-for指令怎么实现循环嵌套,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
具体如下:
