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

VUE设计中有个让我很喜欢的设计，就是简便的循环输出v-for。

AshleyScsy

41592人浏览 · 2018-03-23 14:32:23

AshleyScsy · 2018-03-23 14:32:23 发布

这是数据

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^