javascript - Vue.js 在v-for产生的表格中 点击其中一行中的按钮 在该行下方添加一行

 梦幻00草根_831 发布于 2022-11-11 17:35

Vue.js 在v-for产生的表格中 点击其中一行中的按钮 在该行下方添加一行
添加的那行背景不一样 在添加的那行再点击 继续添加一行 背景颜色不一样 相当于在行下面添加子集行 不同级别的子集背景颜色不一样

 
  
{{key}}
2 个回答
  • 样式可以拿CSS控制啊 隔行变色

    .tab tbody tr:nth-of-type(odd){
      background-color: #F9F9F9;
    }
    2022-11-12 01:53 回答
  • data中添加一个变量:index:0
    循环中添加一个v-show='$index<=index'6
    单击事件:每次点击都this.index++
    至于样式就判断$index的奇偶性,绑定class吧

    ---------我没测试过,就提供了一个思路,第一次回复,不对勿怪

    2022-11-12 01:53 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有