前端循环绑定
静态
<html>
<head>
<meta charset="UTF-8">
<title>tr标签属性</title>
</head>
<body>
<table border="2" width="500px" height="200px" align="center">
<tr height="50px" align="center" valign="bottom" bgcolor="#CFA725">
<td>姓名</td>
<td>性别</td>
<td>电话</td>
<td>地址</td>
</tr>
<tr align="center">
<td bgcolor="#00FFFF" width="200px">小王</td>
<td>男</td>
<td>110</td>
<td rowspan="3">北京</td>
</tr>
<tr align="center">
<td>小李</td>
<td>男</td>
<td>120</td>
</tr>
<tr align="center">
<td>amy</td>
<td>女</td>
<td>911</td>
</tr>
</table>
</body>
</html>
动态
<tr v-for="(item,index) in testlist" :key="item.openId"> <td align="center" font-size="300px" >{{item.proname}}</td> <td v-for="(val,index) in item.prodetails" :key="index" align="center"> <div @click="quickItemClick(val.url)"> {{val.name}} </div> </td> </tr>