element数形组件提供手动checkbox选中

 

有时候我们希望,手动设置树上的选中样式,类似于这种:

 

 

直接上源码:

// 手动点击选中树节点(非checkbox选中)
export function manualClickChecked(theTree, manualNode, alwaysExpand) {
  var store = theTree.store
  store.setCurrentNode(manualNode)
  theTree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode)
  if (alwaysExpand) {
    if (theTree.currentNode.expanded) {
      // do nothing
    } else {
      theTree.currentNode.handleExpandIconClick()
    }
  } else {
    if (theTree.expandOnClickNode) {
      theTree.currentNode.handleExpandIconClick()
    }
  }
  theTree.$emit('node-click', manualNode.data, manualNode, theTree)
}

第一个参数是树组件,第二个参数是手动选中的node节点,第三个是否展开

这个方法触发树的node-click方法,回调的参数为手动选中的node节点data、手动选中的节点node,树组件

 

最后要记得加上highlight属性

Logo

前往低代码交流专区

更多推荐