首页 > 其他 > 详细

element tree单选

时间:2021-01-04 22:57:03      阅读:22      评论:0      收藏:0      [点我收藏+]
                   <el-tree
                        :data="depData"
                        show-checkbox
                        node-key="id"
                        ref="treedep"
                        default-expand-all
                        @check-change = "change2"
                        :check-strictly="true" 
                        :props="defaultProps">
                   </el-tree>

            selectOrg: {
             orgsid: []
            }   
 
        change2(data,checked,msg3){
                 const indexs = this.selectOrg.orgsid.indexOf(data.id)
                if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) {
                console.log(‘only one‘)
                this.$message({
                    message: ‘只能选择一个部门!‘,
                    type: ‘error‘,
                    showClose: true
                })
                this.$refs.treedep.setChecked(data, false)
                } else if (this.selectOrg.orgsid.length === 0 && checked) {
                this.selectOrg.orgsid = []
                this.selectOrg.orgsid.push(data.id)
                } else if (
                indexs >= 0 &&
                this.selectOrg.orgsid.length === 1 &&
                !checked
                ) {
                this.selectOrg.orgsid = []
                }
      },

 

element tree单选

原文:https://www.cnblogs.com/-llf/p/14230926.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!