基于Vue的图书管理系统

原创

于 2021-07-23 10:00:34 发布 · 3k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#vue #html

该博客详细介绍了如何使用Vue框架进行图书管理系统的开发，包括框架代码的搭建，以及添加、修改和删除图书的功能实现。

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

框架代码

    <div id="app">
        <div class="table-c">
                <div>
                    <h1 class="h1">图书管理系统</h1>
                    <div class="book">
                        <div>
                            <label for="id">
                                编号:
                            </label>
                            <input type="text" id="id" v-model='id' :disabled="flag" v-focus>
                            <label for="name">
                                名称:
                            </label>
                            <input type="text" id="name" v-model='name'>
                            <button @click='handle' :disabled="submitFlag">提交</button>
                        </div>
                    </div>
                </div>
                <div class="total">
                    <span>图书总数</s