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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在el-table的某一行中循环输出 scope.row和v-for相关的知识,希望对你有一定的参考价值。

参考技术A 这是数据:

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语句

最终展示:

以上是关于在el-table的某一行中循环输出 scope.row和v-for的主要内容,如果未能解决你的问题,请参考以下文章

elementui笔记:el-table删除一行记录

elementui笔记:el-table删除一行记录

elementui笔记:el-table删除一行记录

elementui笔记:el-table删除一行记录

vue中el-table的简单使用

Java 如何使用输入流和输出流 将txt文件中的某一行数据删除?