Vue フォームがリセットされ、条件がクリアされます。this.$refs[名前].resetFields();
フォーム form では [prop] を追加する必要があることに注意してください。
コードは以下のように表示されます
<template>
<div>
<Form ref="formItem"
:model="formItem"
:label-width="80"
inline>
<FormItem label="名称" prop="nameA">
<Input v-model="formItem.nameA" ></Input>
</FormItem>
<FormItem>
<Button @click="handleSubmit(formItem)" type="primary">查询</Button>
<Button @click="handleReset('formItem')" style="margin-left: 8px">清除条件</Button>
</FormItem>
</Form>
</div>
</template>
<script>
export default {
data () {
return {
formItem: {
nameA:''
},
}
},
methods: {
handleReset (formItem) {
this.$refs[formItem].resetFields();
}
}
}
</script>