vue小白教程：list的添加、移动、删除小练习_vue 移除list中的项

作者：我家小花儿 | 2024-03-12 12:07:33

踩

vue 移除list中的项

功能描述

1、点击“增加”按钮添加新项
2、“进行中”显示勾选项，“已完成”中显示未勾选项
3、通过点击勾选框实现移动
4、点击“删除”删除该项

代码

<template>
  <div>
    <input v-model="text"><!--输入-->
    <button @click="addList">+增加</button>

    <h2>进行中</h2>
    <ul>
      <li v-for="(item,key) in list" v-if="item.checked"><!<1
2
3
4
5
6
7

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/224024