Vue search filter checkbox issue

Hello,

You need to loop through the initial array and then filter it otherwise you'll re-render it every time and loose the checked input. You can do something like that :

<div id="app">
  <input type="text" v-model="search">
  <ol>
    <div v-for="todo in todos" :key="todo.text">
      <li v-show="todo.text.toLowerCase().includes(search.toLowerCase())">
        <label>
          <input type="checkbox">

          <del v-if="todo.done">
            {{ todo.text }}
          </del>
          <span v-else>
            {{ todo.text }}
          </span>
        </label>
      </li>
    </div>
  </ol>
</div>