问题的原因可能是绑定的@node-click事件没有正确绑定到el-tree组件上,可以尝试在el-tree组件内部重新定义一个node-click方法,并在组件中绑定该方法,例如: <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>,在methods中定义handleNodeClick方法,确保能够正确响应点击事件。
1.node-click:节点被点击时的回调 共三个参数,依次为:传递给data属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。 <el-tree :data="data" show-checkbox node-key="id" ref="tree" highlight-current @node-click="clickFn"@check="check"></el-tree> clickFn (data, node, item) {...
对于节点点击方法 handleNodeClick @node-click="handleNodeClick" 在进行方法编写时,当指定条件时 设置 node.expanded 为 true //点击树状图handleNodeClick(data, node) { console.log("树状图点击", data)//点击项目名不收缩树状图if( data.id == 'project'){ node.expanded=true} }...
"element-ui": "^2.0.3", "vue": "^2.5.3", 问题描述: 我需要点击右边的主图,然后拿到id,对应的就是tree组件的node-key,现在需要触发node-key === id 这个item的node-click 事件...,请问应该怎么做 element-botclosed this ascompletedNov 14, 2017 Sign...
-node-method="filterNode" @node-click="handleXmxz" ref="tree3"> </el-tree> </el-popover> handleXmxz:function(obj, node, data){ if(node.data.type!=0&&node.data.type!=1)return; $(".xmxz-container").parent("div").hide() showRight(node.data.type)//新项目 } ...
@node-click="handleMaterialTypeNodeClick" ></el-tree> </template> export default { name: "App", data() { return { materialTypesData: [] } }, mounted() { this.getMaterialTypes() }, methods: { //远程获取数据 getMaterialTypes(...
node-key="id" :show-checkbox="false" lazy :highlight-current="true"@node-click="handleNodeClick"></el-tree> 问题一:配置选项 el-tree默认显示的字段key为label、children、isLeaf,但我们在实际开发中我们拿到的数据可能并不是这些字段,这就需要我们去配置,如下: ...
// 点击节点的时候触发事件handleNodeClick(nodes,node,self){this.nowClickNode=node;this.nowPathArr=[];// 如果不是根节点if(node.parent.parent){this.faterName=node.parent.data.label;// 递归找路径this.findParentName(node);// 拼接路径this.nowPath=`图片空间 /${this.nowPathArr.join(' / '...
@node-click="hadleNodeClick" @node-contextmenu="rihgtClick" @node-drop="handleDrop" :allow-drop="allowDrop" :allow-drag="allowDrag" ref="tree" ></el-tree> <el-button type="text" size="small" @click="NodeConfig('add')" v-...
node-key="id"ref="tree"highlight-current:props="defaultProps"@check="checkHandler"></el-tree><el-button type="primary"@click="createData()">确定</el-button></template>exportdefault{data(){return{setTree:[],defaultProps:{children:"children",label:"description",},treeData:[],organList:[...