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

 <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>
上一篇:virtualenv 和 virtualenvwrapper 使用教程


下一篇:Delphi 对象观察器