如要实现请参考使用javascript脚本语言。
答题不易，互相理解，您的采纳是我前进的动力，
您也可以向我们团队发出请求，会有更专业的人来为您解答。
如果我的回答没能帮助您，请继续追问。
看你的代码你应该用的是vue框架，需要在button上写：
<button class="shou" v-for="index in 5" :key="index">....
</button>
v-for是循环，index代表的是索引值，5是循环的次数。在vue里，循环必须要写上key属性，key属性具有惟一性，不能重复，index是惟一的，所以其值可以用index。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="ContentType" content="text/htmlcharset=UTF-8"/>
<title></title>
<script type='text/javascript'>
var NodeFactory = {
create: function(node){
if(!node) return
var li = ['<li>']
li.push(node.text)
//子节点
var len
if(node.kids &&(len=node.kids.length)){
li.push('<ul>')
for(var i=0i<leni++){
li.push( this.create(node.kids[i]) )
}
li.push('</ul')
}
li.push('</li>')
return li.join('')
}
}
</script>
</head>
<body>
<script type='text/javascript'>
var root = {
text: 'root',
kids: [{
text: 'kid_1',
kids: [{
text: 'kid_1_1'
},{
text: 'kid_1_2',
kids: [{
text: 'kid_1_2_1'
}]
},{
text: 'kid_1_3'
}]
},{
text: 'kid_2'
}]
}
document.write(NodeFactory.create(root))
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）