vue2+ant-design-vue ツリー コンポーネントはノードを選択し、チェックボックスをオンにします。

必要

ant-design-vue ツリー構造内の選択されたイベントのパラメーターは、チェックされたイベントによって取得されるものとは異なります。要件は、ツリー ノードをクリックすると、チェック ボックスをオンにするのと同じ動作になることです。チェックする際に親ノードIDや各種操作を追加する必要があるため、これらのパラメータはcheckイベントで取得する必要があり、selectイベントでは取得できないため、dom要素のclickイベントを直接操作して解決することを考えています

公式文書

コード

//html
		<a-tree
            :disabled="!isEdit"
            checkable
            @check="onCheck"
            :checkedKeys="checkedKeys"
            :treeData="treeData"
            @expand="onExpand"
            @select="onTreeNodeSelect"
            :selectedKeys="selectedKeys"
            :expandedKeys="expandedKeysss"
            :checkStrictly="checkStrictly"
          >
       </a-tree>

//js
	//选中事件
    onTreeNodeSelect(selectedKeys, e) {
      //触发复选框的勾选事件
      e.node.$el.childNodes[1].click()
    },