开发工具与关键技术:Intellij IDEA、Vue.js
作者:邓婵
撰写时间:2020年 09月 17日
当遍历对象属性或者数组进行迭代循环展示时,就会用到列表渲染指令 v-for。它的表达式需要结合in来使用,类似item in items的形。下面我们来看看使用v-for列表渲染指令来遍历对象属性。
在上面的表达式中product是当前的一条数据,其中key代表键,val代表的是值,i代表当前索引值,列表渲染用in来作为分隔符。
请求页面的效果如下:
如果数据是json格式的数组,其实它的写法和上面都是差不多的。我在这里html用到的将是表格,然后再把products的集合给遍历出来,相关代码可参考图下所示:
页面的效果如图下: