表單
注意事項： prop屬性要和表單對象中的屬性名一致
html:
<Form ref="formFilter" :model="formFilter" inline :label-width="80">
<FormItem label="賬號：" prop="account">
<Input type="text" v-model="formFilter.account" clearable></Input>
</FormItem>
<FormItem>
<Button type="ghost" @click="handleReset('formFilter')">重置</Button>
</FormItem>
</Form>
js:
data () {
return {
formFilter: {},
}
},
methods: {
handleReset (name) {
// 或者手動將各個屬性置空
this.$refs[name].resetFields()
}
}
穿梭框
html: 首先通過ref獲取到穿梭框
<Transfer
ref="refTransfer">
</Transfer>
js: 在想要清除的方法中添加以下代碼
// 清空穿梭框搜索條件
this.$refs.refTransfer.$children[0].query = ''
this.$refs.refTransfer.$children[2].query = ''
// 清空穿梭框復(fù)選框
this.$refs.refTransfer.$children[0].toggleSelectAll()
this.$refs.refTransfer.$children[2].toggleSelectAll()
Select組件
this.$refs.element.clearSingleSelect()
DatePicker/TimePicker組件
this.$refs.element.handleClear()
Table組件
this.$refs.element.selectAll(flase)
