iview select 怎么清空_iView各种组件清空重置

表单

注意事项： prop属性要和表单对象中的属性名一致

html:

重置

js:

data () {

return {

formFilter: {},

}

},

methods: {

handleReset (name) {

// 或者手动将各个属性置空

this.$refs[name].resetFields()

}

}

穿梭框

html: 首先通过ref获取到穿梭框

ref="refTransfer">

js: 在想要清除的方法中添加以下代码

// 清空穿梭框搜索条件

this.$refs.refTransfer.$children[0].query = ''

this.$refs.refTransfer.$children[2].query = ''

// 清空穿梭框复选框

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)

网站导航