vue的那点事-Vue 指令之v-for中的key

97 阅读1分钟
  • 语法:key属性=“唯一标识”
  • 作用:给列表添加的唯一标识。便于Vue进行列表项的正确排序复用
  • v-for中的key-不加key
  • v-for的默认行为会尝试原地修改元素(就地复用)
  • 注意点:
  1. key的值只能是字符串或者数字类型
  2. key的值必须具有唯一性
  3. 推荐使用id作为key(唯一),不推荐使用index作为key(会变化,不对应)

  • 在删除数组的时候可以使用filter进行过滤删除
  • //通过id进行删除数组中的对应项--filter (不会改变原数组)
  • //filter:根据条件,保留满足条件的对应项,得到一个新数组,过滤之后需要把指赋值给数组,要不不生效
  • this.bookList= this.bookList.filter(item => item.id !== id)