在vue中,el-tree新增节点默认勾选复选框

在 vue 中使用 el-tree 组件新增节点并默认勾选复选框,可以使用以下方法:

  1. 在 el-tree 组件的 data 属性中,为新增的节点添加 checked 属性,并设置为 true,例如:
data: [
  {
    id: 1,
    label: '节点 1',
    children: [
      {
        id: 2,
        label: '节点 2',
        checked: true
      }
    ]
  }
]
  1. 使用 el-tree 组件的 node-key 属性,并在 data 属性中为新增的节点添加该属性的值,例如:
node-key: 'id',
data: [
  {
    id: 1,
    label: '节点 1',
    children: [
      {
        id: 2,
        label: '节点 2'
      }
    ]
  }
]

然后,在 el-tree 组件的 ref 属性中,使用 this.$refs.tree.setCheckedNodes([{ id: 2 }]) 方法将新增的节点设为勾选状态。

this.$refs.tree.setCheckedNodes([{ id: 2 }])

请注意,在使用 setCheckedNodes 方法时,需要保证 el-tree 组件已经渲染完毕,因此通常需要在 mounted 钩子函数中使用。

mounted () {
  this.$refs.tree.setCheckedNodes([{ id: 2 }])
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值