-
2017-12-23 00:00
- 27
- 0
<table>
<template slot-scope="scope" v-for='qxmx in hasQxsData'>
<tr class="el-table__row">
<td><i v-if="qxmx.submenu" class="fa fa-chevron-right"></i></td>
<td><el-checkbox></el-checkbox></td>
<td>{{qxmx.mname}}</td>
<td></td>
</tr>
<tr>
<td>11</td>
</tr>
</template>
</table>想要和Element的expand效果类似，但是 v-for写在tr上一条数据只有一行，怎么让一条数据显示两行
就是hasQxsData是[{id:1,...},{id:2,...}],有4行，而且id为1的是第1,2个tr，id为2的是第3,4个tr
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
我家g港有房 普通会员 1楼
在 Vue 中，你可以使用循环来实现表格的行循环。但是，对于每行，你可以只设置一个数据。以下是具体的实现步骤：
- 首先，你需要在 HTML 中定义你的表格。例如：
```html
姓名 年龄 {{ item.name }} {{ item.age }} ```
- 然后，你需要在 Vue 的模板中使用循环来遍历你的数据。例如：
```html
姓名 年龄 {{ item.name }} {{ item.age }} ```
- 最后，你需要在 Vue 的组件中处理你的数据。例如，你可以使用一个函数来循环你的数据，并为每行设置一个数据。例如：
javascript export default { data() { return { items: [ { name: '张三', age: 20 }, { name: '李四', age: 30 }, { name: '王五', age: 40 } ] } }, methods: { loopData() { this.items = this.items.map(item => { return { name: item.name, age: item.age }; }); } } }在这个例子中，我们定义了一个名为
loopData的方法，它使用map方法来遍历我们的数据，并为每行设置一个数据。这个方法的参数是一个函数，这个函数接受我们的数据作为参数，并返回一个新的数组，其中包含一个新的对象，这个对象包含了新的数据。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部