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

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

这是数据:

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

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

举个栗子:

这时候scoperow代表的就是表格一行的数据,想要输出stuNamee,就写{{scoperowstuName}}

再举个栗子:

如果我要循环输出guardianName的数组,那就要循环输出的那一列中建立组建template, 设置slot-scope=“scope”,""里面是名字 scope12345都可以

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

最终展示:

el表达式是不能嵌套的,即不能写成${ ${} }或${xxx[xxxxxx]},\x0d\但是可以写成${ooo[xxxxxx]},即当你的ooo是Map时,\x0d\其余的单个属性直接${xxx},对象中的属性${xxxxxx},如果对象中又有对象依此类推。\x0d\ \x0d\上面你的foreach循环,读取下标的只需这样即可:${statuscount}\x0d\\x0d\有问题欢迎提问,,谢谢!

<table>

<tr>

<td>商品名称</td>

<td>商品数量</td>

<td>商品单价</td>

<td>商品小记</td>

<td>商品备注</td>

</tr>

<c:forEach var="all" items="${allList}">

<tr>

<td>${allname}</td>

<td>${count}</</td>//一般是上一个页面传下来的

<td>${allprice}</</td>

<td>${countallprice}</</td>//上面两个相乘

<td>${allremarks}</</td>

</tr>

</c:forEach>

</table>

这样就好了

以上就是关于在el-table的某一行中循环输出 scope.row和v-for全部的内容,包括:在el-table的某一行中循环输出 scope.row和v-for、jsp中el语句“${ }”,el语句能嵌套吗动态调用怎么实现、像显示购物车里的信息用 el 或 jstl 标签如何实现等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10093041.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存