Vue简易留言板

最新推荐文章于 2023-12-11 17:42:53 发布

今天要早睡ya

最新推荐文章于 2023-12-11 17:42:53 发布

阅读量259

点赞数

分类专栏： Vue 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/cxc709467878/article/details/120533019

版权

这个博客展示了一个使用Vue.js和jQuery构建的简单留言板应用。用户可以输入昵称和留言，点击发送按钮将留言保存到列表中，同时提供清空输入框和删除留言的功能。留言时间会自动获取并显示。应用还使用了Bootstrap进行样式设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<div id="box">
    <!-- 留言板 -->
    <div class="ers">
        <div class="was">
            <p>昵称 : <input type="text" class="inpuep" v-model="pson"></p>
            <input type="text" class="inpu" v-model="texs">
            <button class="btn btn-default" type="submit" id="btn1" @click="empty()">清空</button>
            <button class="btn btn-default" type="submit" id="btn2" @click='increase()'>发送留言</button>
        </div>
        </hr>
        <div class="sas">
            <div v-for="(item,inde

最低0.47元/天解锁文章