清除分为下拉菜单选项清除和统⼀清除(重置)。 单个清除使⽤ Element 中 Select下拉框组件的 可清空单选功能。

给下拉框组件设置 clearable 属性即可。

// list.vue v-model=“form.categoryId” placeholder=“资源分类” clearable > 表单重置操作需要清空表单。 表单组件提供了 resetFields() ⽤于重置具有 prop 的表单项。 表单需要设置 ref。

需要给表单项添加 prop 才能使⽤,未设置 prop 的表单项不受重置影响。

:inline=“true” :model=“form” class=“demo-form-inline” ref=“form” > label=“资源名称” prop=“name”> v-model=“form.name” placeholder=“资源名称”> label=“资源路径” prop=“url”> v-model=“form.url” placeholder=资源路径> > label=“资源分类” prop=“categoryId”> @click=“onReset” >重置 onReset () { this.$refs.form.resetFields() },