在el-table的某一行中循环输出 scope.row和v-for

本文介绍了一种在表格中利用v-for循环优雅地显示数组数据的方法。通过使用scope.row访问表格行数据,并创建模板组件来循环输出特定字段,使得数组内容能够清晰展现而不影响美观。

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

这是数据

 

 

guardianName中还有个数组,如果直接输出,无异于挑战自己的审美。

 

--问题--

 

要在表格中某一行中使用v-for循环输出,但是前提是要先获取这一行的数据 这就要用到scope.row

 

 

--解决方法--

举个栗子:
这时候scope.row代表的就是表格一行的数据,想要输出stuNamee,就写{{scope.row.stuName}}
再举个栗子:
如果我要循环输出guardianName的数组,那就要循环输出的那一列中建立组建template,
设置slot-scope=“scope”,""里面是名字  scope12345都可以

 

 

然后在template写个div,span都可以,用来承载v-for语句,
然后在这个例如el-button-group上承载v-for语句

 

 

 

 

这个栗子有个漂亮的姐姐:

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值