vue 表单重置清空

最新推荐文章于 2024-06-04 15:01:35 发布

纯24k

最新推荐文章于 2024-06-04 15:01:35 发布

阅读量805

点赞数

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

本文链接：https://blog.csdn.net/weixin_53669566/article/details/128377429

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

   //        清空
            getReset(){
                console.log("xxx")
                // 小技巧，直接给表单数据对象赋值为空
               this.pagination.name="";
               this.pagination.description="";
               this.pagination.type="";


            },

  <div class="filter-container">
<!--                加入 v-model="pagination.type"-->
                <el-input placeholder="图书类别" v-model="pagination.type" style="width: 200px;" class="filter-item"></el-input>
                <el-input placeholder="图书名称" v-model="pagination.name" style="width: 200px;" class="filter-item"></el-input>
                <el-input placeholder="图书描述" v-model="pagination.description" style="width: 200px;" class="filter-item"></el-input>
                <el-button @click="getAll()" class="dalfBut">查询</el-button>
                <el-button @click="getReset()" class="dalfBut">重置</el-button>

                <el-button type="primary" class="butT" @click="handleCreate()">新建</el-button>
            </div>

小技巧：直接给表单数据对象赋值为空