使用vue中的v-for在模板中遍历数组中的数组

Posted shysun

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用vue中的v-for在模板中遍历数组中的数组相关的知识，希望对你有一定的参考价值。

 

技术分享图片

接口返回数据, 需要每一项的数据, 刚开始不知道怎么取rule中的数据, 在methods中处理了好久, 后来发现一个好方法, 可以在模板中遍历嵌套遍历: 

技术分享图片

红色框中遍历外层数据, 黄色框中可以继续遍历,取出rule中的数据;

数据处理如下: 

技术分享图片

技术分享图片

效果图: 

技术分享图片

 

 灰色框中是数组rule中的数据

以上是关于使用vue中的v-for在模板中遍历数组中的数组的主要内容，如果未能解决你的问题，请参考以下文章

vue常见指令的使用 v-for

vue中v-for系统指令的使用

vue.js 中的v-for可以将遍历出来的值放入标签属性吗

37 掌握v-for遍历数组和对象

Vue v-for指令

Vue v-for指令