前端练习作业

最新推荐文章于 2024-10-18 12:27:51 发布

G j .

最新推荐文章于 2024-10-18 12:27:51 发布

阅读量148

点赞数

文章标签： html javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_45589624/article/details/120300428

版权

这个示例展示了如何使用Vue.js创建一个表格，用于管理不同版本的应用程序开发状态。每一行代表一个应用程序，包含开发前、开发中和开发后的状态。表格通过v-for指令动态渲染，提供了一个清晰的版本跟踪视图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://js.jirengu.com/wagibutuki/1/edit

      <tr>
        <td rowspan="2"></td>
      		<td v-for="item in size" colspan="3" class="title">版本{{item}}</td>
      </tr>
      <tr>
        	<template v-for="index in size">
              <td>开发前</td>
              <td>开发中</td>
              <td>开发后</td>
        	</template>
      </tr>
     
      <tr v-for="row in app">
      		<td>{{row.name}}</td>
        	<template v-for="index in size">
              <td>{{row.versions[index-1] && row.versions[index-1].before}}</td>
              <td>{{row.versions[index-1] && row.versions[index-1].doing}}</td>
              <td>{{row.versions[index-1] && row.versions[index-1].after}}</td>
          </template>
      </tr>
   		
  </table>
  </p>

}
})