vue实现品牌管理案例

最新推荐文章于 2023-06-07 11:32:44 发布

娇花*

最新推荐文章于 2023-06-07 11:32:44 发布

阅读量181

点赞数

文章标签：前端 vue.js

本文链接：https://blog.csdn.net/mgaga/article/details/127721172

版权

在这里插入图片描述
品牌管理案例
代码如下：

<body>
    <div id="app">
        <div class="container">

            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">添加品牌</h3>
                </div>
                <div class="panel-body">

                    <form action="" method="POST" class="form-inline" role="form">

                        <div class="form-group">
                            <label class="" for="">Id</label>
                            <input type="text" class="form-control" id="" placeholder="Input id" v-model="carId">
                        </div>
                        <div class="form-group">
                            <label class="" for="">Name</label>
                            <input type="text" class="form-control" id="" placeholder="Input name"
                                v-model:value="carName">
                        </div>
                        <button type="button" class="btn btn-primary" @click="addCar">添加</button>
                        <div class="form-group">
                            <label class="" for="">搜索关键字</label>
                            <input type="text" @keyup="serkeyWord" class="form-control" id=""