vue 待办事项案列

最新推荐文章于 2022-11-19 21:56:15 发布

刘蒋的博客

最新推荐文章于 2022-11-19 21:56:15 发布

阅读量794

点赞数

分类专栏： vue 小案例文章标签： vue Vue小案例

本文链接：https://blog.csdn.net/weixin_46140106/article/details/107109055

版权

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>待办事项列表</title> <style> .completed { text-decorati

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>待办事项列表</title>
  <style>
    .completed {
      text-decoration: line-through;
      color: #666;
    }
  </style>
</head>
<body>
  <div id="app">
    <header>
      <h1>待办事项列表</h1>
      <h2>今日事，今日毕！</h2>
    </header>
    <div>
      <input
        type="text"
        placeholder="请输入新的待办事项"
        v-model="inputValue"
        @keydown.enter="addTodoItem"
      >
      <button @click="addTodoItem">添加</button>
    </div>
    <!-- 显示所有待办事项 -->
    <div v-if="todos.length === 0">没有待办事项，请添加</div>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

刘蒋的博客

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
vue 待办事项案列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>待办事项列表</title> <style> .completed { text-decorati
复制链接

扫一扫