ant design vue Cascader级联选择清空重置
在使用ant design vueCascader 级联选择器时想通过按钮来实现清空 选择器内已选择的数据。在网上搜索后,发现一位大神提供的方法,记录下<!-- 给 a-cascader 加上 ref 标识 通过ref链清空选择项--><template><a-cascader ref="cascader" placeholder="请选择" :options="as
·
在使用ant design vue Cascader 级联选择器时想通过按钮来实现清空 选择器内已选择的数据。 在网上搜索后,发现一位大神提供的方法,记录下
<!-- 给 a-cascader 加上 ref 标识 通过ref链清空选择项-->
<template>
<a-cascader ref="cascader" placeholder="请选择" :options="assetsClassList" change-on-select/>
<a-button type="primary" @click="Reset" icon="reload">重置</a-button>
</template>
<script>
export default {
methods: {
Reset() {
//sValue 就是目前选中的数组
this.$refs.cascader.sValue = []
},
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)