20241023
0630 起床
ねむい
開催場所を相談したい
ちび鯖貸してもらえそう！やったぜ
code:vue
<script setup lang="ts">
import { ref } from 'vue'
interface Todo {
id: number,
text: string,
};
let todoId = 0;
const todosInit: Todo[] = [
{ id: todoId++, text: "hoge"},
{ id: todoId++, text: "hogehoge"},
{ id: todoId++, text: "hogehogehoge"},
{ id: todoId++, text: "hogehogehogehoge"},
{ id: todoId++, text: "hogehogehogehogehoge"},
];
const todos = ref<Todo[]>(todosInit);
const handleRemoveButton = (todoId_: number, event: event) => {
todos.value = todos.value.filter(todo => todo.id !== todoId_);
todos.value.push({ id:todoId++, text: event })
};
</script>
<template>
<ul v-for="todo in todos" :key="todo-${todo.id}">
<li>
<span>{{ todo.text }}</span>
<button @click="handleRemoveButton(todo.id, $event)">削除</button>
</li>
</ul>
</template>
@submit.prevent
submit ボタンは無いがフォームの input 要素が1つだけの場合
もしくはフォームの input 要素が複数だけど有効な submit ボタンが存在する場合
JSON.parse(JSON.stringify(x)) の型について
ちょっとは腹落ちしたかも
どっちから見たのがどっち側にあるのかしっくり来てない
#Google のアドレスバー横のGoogleレンズ、邪魔すぎないか？ URL
"Not Only SQL" ってマジかよ