首页 > 其他 > 详细

怎样在 Svelte 列表渲染块中指定 key 和 引用 index

时间:2021-09-09 22:53:01      阅读:52      评论:0      收藏:0      [点我收藏+]

key 值也存在于 Svelte 中,它在列表渲染区块中作为最后一个参数存在,使用括号包裹。

<script>
  let list = [
    { name: "lilei", age: 21 },
    { name: "hanmeimei", age: 24 },
    { name: "lihua", age: 18 },
    { name: "zhangsan", age: 22 },
  ];
  const remove = (index) => {
    list.splice(index, 1);
    list = list;
  };
</script>

<ul>
  <!-- name, age 是对 item 的解构,index 是第二个参数,表示下标,(index) 表示指定的 key,可以是引用类型 -->
  {#each list as { name, age }, index (index)}
    <li on:click={() => remove(index)}>{name} - {age} - {index}</li>
  {/each}
</ul>

 

参考

怎样在 Svelte 列表渲染块中指定 key 和 引用 index

原文:https://www.cnblogs.com/aisowe/p/15245510.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!