elementUI 的 node-click方法怎么传递额外的参数

可以在 template 里面通过 $event.target 获取当前点击的节点，然后将额外的参数以对象形式传递给 node-click 方法的第二个参数，例如：

<el-tree :data="data" :props="props" @node-click="handleNodeClick">

...

methods: {
  handleNodeClick(nodeData, extraData) {
    console.log(nodeData); // 当前点击的节点数据
    console.log(extraData); // 额外传递的参数
  }
}

相关问题

elementui el-tree node-key

在 Element UI 中使用 el-tree 组件时，可以通过设置 node-key 属性来指定每个树节点的唯一标识符。这个属性的值可以是每个节点对象中的一个属性，或者是一个返回节点唯一标识符的函数。

如果每个节点对象中有一个属性作为唯一标识符，你可以直接将该属性名赋值给 node-key，例如：

<el-tree :data="treeData" :node-key="'id'"></el-tree>

如果你需要使用一个函数来返回节点的唯一标识符，你可以在组件中定义一个方法，然后将方法名赋值给 node-key，例如：

<el-tree :data="treeData" :node-key="getNodeKey"></el-tree>

methods: {
  getNodeKey(node) {
    return node.id;
  }
}

以上的示例中，假设每个节点对象中都有一个名为 "id" 的属性作为唯一标识符。你可以根据实际情况调整属性名或方法名来实现你的需求。

el-tree node-click事件有时不触发

如果el-tree的node-click事件有时不触发，可以考虑以下几个原因：

1. 是否存在其他事件覆盖了node-click事件。例如，如果el-tree的节点同时绑定了click事件和node-click事件，那么当用户点击节点时，可能会触发click事件而不是node-click事件。如果存在该问题，可以尝试将click事件取消或者将node-click事件绑定在更高优先级的元素上。

2. 是否正确绑定了node-click事件。如果代码中存在语法错误或者其他问题，可能会导致node-click事件无法正确绑定。可以检查代码中是否正确绑定了node-click事件，并确认事件名是否正确。

3. 是否正确传递了参数。如果node-click事件需要传递参数，例如节点数据等，需要确保参数被正确传递。可以使用console.log等方式输出参数，检查是否正确传递。

4. 是否存在事件冲突。如果el-tree组件被包含在其他组件中，可能存在事件冲突的情况。可以检查其他组件是否存在类似的事件，或者尝试在el-tree组件中添加stopPropagation等方法，阻止事件冒泡。

如果以上方法都无法解决问题，可以尝试更新el-tree的版本或者使用其他组件库来替代el-tree。