美文网首页
element-ui组件中的tree结构中的select框多选改

element-ui组件中的tree结构中的select框多选改

作者: 看庭前花开花落_望天上云卷云舒 | 来源:发表于2019-11-25 20:19 被阅读0次

    tree结构代码
    需要加 show-checkbox check-strictly 这两个字段 和check-change 方法
    node-key也是必须的哦!

    <el-tree
                ref="operate_tree"
                :check-on-click-node="nodeSelectTwoState"
                :data="areaListTwoTreeData"
                node-key="id"
               show-checkbox
               check-strictly
               :default-expanded-keys="['0-000000']"
               :props="defaultProps"
               @check-change="templateCheckChange">
    </el-tree>
    
    templateCheckChange(data,checked,node){
                    if(checked){
                        this.$refs.operate_tree.setCheckedNodes([data]);
                    }
                },
    

    相关文章

      网友评论

          本文标题:element-ui组件中的tree结构中的select框多选改

          本文链接:https://www.haomeiwen.com/subject/uqzjwctx.html