el-cascader清除级联选择框选中状态

最新推荐文章于 2024-06-04 08:06:17 发布

高电平

最新推荐文章于 2024-06-04 08:06:17 发布

阅读量1.8k

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_45886144/article/details/126028938

版权

el-cascader清除级联选择框选中状态

<el-cascader
	ref="cascader"
	v-model="optionsValue"
	:options="options"
	:props="Options"
	@change="handleChange"
	clearable>
</el-cascader>
//重置methods
reset () {
	this.optionsValue=[];   //v-model绑定值清空
	this.$nextTick(() => {
		// 清空级联选择器选中状态
		this.$refs.cascader.$refs.panel.clearCheckedNodes()
		// 清除⾼亮
		this.$refs.cascader.$refs.panel.activePath = []
	})
}