element-ui组件el-tree实现单选（项目实战通过）

最新推荐文章于 2024-03-21 14:30:56 发布

strive涛

最新推荐文章于 2024-03-21 14:30:56 发布

阅读量603

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_40402681/article/details/85009344

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

 <template>
    	<div>
    		<el-tree
    	                  :props="defaultProps"
    	                  :load="loadNode"
    	                  lazy
    	                  ref="tree"
    	                  show-checkbox
    	                  node-key="comcode"  // 看项目和数据而定，有的为id
    	                  :check-strictly="true"
    	                  @check-change="handleCheckChange"
    	                  @node-click="nodeClick"
    	                  >
    	     </el-tree>
    	</div>
    </template>
    <script>
   methods:{
    	handleClick(data, checked, node){
               if(checked == true){
                      this.checkedId = data.comcode;
                      this.$refs.tree.setCheckedNodes([data]);
                }
       },
       nodeClick(data,checked,node){
             this.checkedId = data.comcode
             this.$refs.tree.setCheckedNodes([data]);
        }
   }
    </script>