使用Vue写记事本--搜索功能

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

日落也会逃跑~

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

阅读量191

点赞数 1

文章标签： vue.js

日落也会逃跑 ~~~

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

版权

本文介绍如何在星河记事本中实现搜索功能。通过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;