Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
 
17 / 3 / 0
Регистрация: 21.08.2010
Сообщений: 219
1

Vue3 TypeScript ToDo

07.01.2021, 12:19. Показов 264. Ответов 0
Метки нет (Все метки)

Добрый день!

Кто-нибудь может помочь? Как данный код переделать на TypeScript (добавить типы). ToDo App.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<template>
 
  <div>
    <input
      v-model="inputField"
      v-on:keyup.enter="addTodo"
      placeholder="Todo Item"
    />
    <button
      @click="addTodo"
    >
      Add Todo
    </button>
  </div>
 
  <div>
          <div>
             <div>
                <ul>
                   <li
                    v-for="todo in todoList"
                    :key="todo"
                    >
                      <div>
                        <input
                          type="checkbox"
                          v-on:change="toggle(todo)"
                          v-bind:checked="todo.complete"
                        >
                        <del v-if="todo.complete">
                           <h5>{{ todo.name }}</h5>
                        </del>
                        <span v-else>
                           <h5>{{ todo.name }}</h5>
                        </span>
                        <span @click="deleteTodo(todo)">X</span>
                      </div>
                   </li>
                </ul>
             </div>
          </div>
       </div>
 
</template>
 
<script lang="ts">
 
export default {
  methods: {
    addTodo(todo) {
      todo = this.inputField;
      this.todoList.push({ name: todo, complete: false });
      this.inputField = '';
      console.log(this.todoList);
    },
    deleteTodo(todo) {
      const index = this.todoList.indexOf(todo);
      this.todoList.splice(index, 1);
      console.log(this.todoList);
    },
    toggle(todo) {
      todo.complete = !todo.complete;
    },
  },
  data() {
    return {
      inputField: '',
      todoList: [],
    };
  },
};
</script>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
07.01.2021, 12:19
Ответы с готовыми решениями:

задачи Todo
вопрос по задачам в лотусе , которые To Do допустим начальство пишет задачи и назначает...

ToDo list
Нужно сделать todo list (список дел) в C++ Builder. Со стандартными функциями, которые есть в любом...

ToDo приложение
Решил написать под свои нужды приложение, но так как я 0 в языке то сразу возникли вопросы. 1. Для...

todo list
Всем доброго времени суток! Хотел написать для одной из страниц сайта. Каждый посетитель сам...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
07.01.2021, 12:19

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Кириллица в плагине TODO
В плагине для Qt Creator &quot;TODO&quot; вся кириллица (говорят, что и специальные символы других языков)...

Сделать список todo
у нас форма и список, при сохранении новой задачи она появляется в списке ниже рядом с каждой...

Создание ToDo программы
У меня есть цель - создать ToDo программу. Я не знаком с qt, да и вообще не знаком с созданием...

Изменение статусов в Todo
Всем привет! Отправляю письмо-задачу адресату. Программно определяю статус задачи в зависимости от...

Приоритеты в Todo листе
Нужно,чтобы возле каждого написанного дела стоял приоритет важности дела,написанный в списке...

Организовать Лист ToDo
Здравствуйте, необходим совет знающих людей. Задание: создать список дел, лист ToDo, с...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.