列表渲染的三种方式

最新推荐文章于 2024-04-21 18:09:02 发布

礼礼。

最新推荐文章于 2024-04-21 18:09:02 发布

阅读量890

点赞数

分类专栏： js 文章标签： Vue 列表渲染自定义变量 for循环数组操作

本文链接：https://blog.csdn.net/weixin_45736311/article/details/124019079

版权

在这里插入图片描述
根据元素和元素的索引名就可进行列表渲染

for="{
  {list}}"：list为源数据数组，默认的数组元素名为$item
for="{
  {value in list}}"：value为自定义的数组元素名，默认的数组元素索引名为$idx
for="{
  {(index, value) in list}}"：index为自定义的数组元素索引名，value为自定义的数组元素名

<import name="tabbarpage" src="../Tabbar/index.ux"></import>
<template>
  <div class="tutorial-page">
    <!-- 方式1：默认$item代表数组中的元素, $idx代表数组中的索引 -->
    <div class="tutorial-row" for=