账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui的tree组件,怎么根据数据data的checked属性为true,渲染时就能默认选中;里面有详情描述,请教
    56
    0

    请教,怎么根据 publish_treeData数据的expanded和checked属性去设置是否默认展开和默认选中的节点啊,比如disabled: true就能禁用状态

    <el-tree
        :data="publish_treeData"
        show-checkbox
        node-key="id"
        :default-expanded-keys="defaultExpandedKeys"
        :default-checked-keys="defaultCheckedKeys"
        @setChecked="setCheckedFunc">
    </el-tree>
     publish_treeData: [{
                    id: 1,
                    label: '一级 2',
                    children: [{
                        id: 3,
                        label: '二级 2-1',
                        children: [{
                            id: 4,
                            label: '三级 3-1-1'
                            }, {
                            id: 5,
                            label: '三级 3-1-2',
                            expanded: true,
                            checked: true,
                            disabled: true
                        }]
                    }],
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在 Element UI 的 Tree 组件中,我们可以使用 data(true) 选项来根据数据的 checked 属性为 true。这样,当数据的 checked 属性为 true 时,Tree 组件就会默认选中。

      例如:

      ```html

      ```

      在这个例子中,当你点击选中的节点时,会触发 handleCheckChange 方法,然后打印出选中的节点数据。如果你想在 Tree 组件的详情描述中显示选中的节点,你可以在 template 中添加相应的样式。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部