点击重置按钮,重置输入框和复选框
效果图:用 组件库 提供的APIv-model 绑定,在data里定义值为 false,点击按钮的时候,把值 赋值为 false<a-col :md="8" :sm="24"><a-form-item label="字典名称" :labelCol="{ span: 5 }" :wrapperCol="{ span: 18, offset: 1 }"><a-input
·
效果图:

用 组件库 提供的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()
}更多推荐



所有评论(0)