vue3-05删除任务

步骤:

  1. 单个删除:找到当前元素的索引位置,然后使用splice
  2. 全部删除:直接重新给todosRef过滤。
useRemoveTodo.js
export default function useRemoveTodo(todosRef) {
    const remove = (todo) => {
        todosRef.value.splice(todosRef.value.indexOf(todo), 1);
    };

    const removeCompleted = () => {
        todosRef.value = todosRef.value.filter((it) => !it.completed);
    };

    return {
        remove,
        removeCompleted,
    };
}

你可能感兴趣的:(vue3,vue.js,前端,javascript)