使用Vue写记事本--时间获取

最新推荐文章于 2024-09-24 11:41:48 发布

日落也会逃跑~

最新推荐文章于 2024-09-24 11:41:48 发布

阅读量131

点赞数 2

文章标签： vue.js

日落也会逃跑 ~~~

本文链接：https://blog.csdn.net/weixin_52555763/article/details/119852297

版权

本文介绍了如何使用Vue.js创建一个记事本应用，强调了时间管理功能。通过过滤器方法，实现了对事项的管理。记录了添加时间以便查看事项创建时间，同时提供了搜索功能，便于在众多事项中快速查找关键字。

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

大家好，及其对记事本的完善以及时间的推理，更能在生活中写一个时间的管理计划以及对事件的安排都是非常完美的，哈哈哈

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <script src="./js/vue-2.4.0.js"></script>
    <style>
        #app{
            width: 500px;
            border: 1px solid #ccc;
            border-radius: 15px;
        }
        h1{
            color: rgb(175, 172, 172);
            font-weight:99;
            margin-top: 50px;
            margin-bottom: 30px;
        }
        .list-group{
            margin-bottom: 0px;
        }
        .list-group-item a{
            text-decoration: none;
            display: none;
        }
        .list-group-item:hover a{
            text-decoration: none;
            display: block;
        }
        p{
            margin: 10px 0px;
            font-weight: bold;
            font-size: 15px;
            overflow: hidden;
            cursor: pointer;
        }
        p :last-child{