效果图:

 用 组件库 提供的API

v-model 绑定,在data里定义值为 false,点击按钮的时候,把值 赋值为 false 

<a-col :md="8" :sm="24">
                  <a-form-item label="字典名称" :labelCol="{ span: 5 }" :wrapperCol="{ span: 18, offset: 1 }">
                    <a-input placeholder="请输入字典名称" v-model="queryList.dictName" />
                  </a-form-item>
                </a-col>
                <a-col :md="8" :sm="24">
                  <a-form-item label="字典类型" :labelCol="{ span: 5 }" :wrapperCol="{ span: 18, offset: 1 }">
                    <a-input placeholder="请输入字典类型" v-model="queryList.dictType" />
                  </a-form-item>
                </a-col>
                <a-col :md="8" :sm="24">
                  <a-checkbox
                      style="padding:10px" v-model="checked"
                    >
                      查询全部节点
                    </a-checkbox>
                </a-col>
<a-button style="margin-left: 8px" @click="reset" size="small">重置</a-button>
data(){
    check: false
}

//重置查询
reset() {
    this.checked = false
    this.queryList.dictName = null
    this.queryList.dictType = null
    // 刷新列表
    this.reflesh()
}
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐