sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

Element UI-实现树形控件单选

1.单选功能

elementui中的树形可以设置checkbox,但是不能设置radio的单选功能

但官方提供了自动勾选方法:
在这里插入图片描述
想实现单选只需要给node增加点击事件,并控制setCheckedKeys即可:

<el-tree
	:data="treeData"
	show-checkbox
	node-key="offerSvcCode"
	ref="tree"
	check-strictly
	highlight-current
	@check-change="handleClick" 
	:props="defaultProps">
</el-tree>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

方法:

handleClick(data,checked, node){
	if(checked){
		this.$refs.tree.setCheckedNodes([data]);
	}
},
  • 1
  • 2
  • 3
  • 4
  • 5
https://blog.csdn.net/u011332271/article/details/100532872
posted on 2022-10-11 18:02  sunny123456  阅读(422)  评论(0编辑  收藏  举报