Vue.js 在v-for产生的表格中 点击其中一行中的按钮 在该行下方添加一行
添加的那行背景不一样 在添加的那行再点击 继续添加一行 背景颜色不一样 相当于在行下面添加子集行 不同级别的子集背景颜色不一样
{{key}} |
---|
样式可以拿CSS控制啊 隔行变色
.tab tbody tr:nth-of-type(odd){ background-color: #F9F9F9; }
data中添加一个变量:index:0
循环中添加一个v-show='$index<=index'6
单击事件:每次点击都this.index++
至于样式就判断$index的奇偶性,绑定class吧
---------我没测试过,就提供了一个思路,第一次回复,不对勿怪