@node-click的用途

news/2024/12/22 0:32:57/

@node-click是tree_view树形菜单的一个点击事件
在这里插入图片描述
一、@node-click的用法:
在这里插入图片描述

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree><script>export default {data() {return {//这里可以直接定义data:[];上面点击后从后台拿值后会给这里赋值,达到自定义组织树data: [{label: '一级 1',children: [{label: '二级 1-1',children: [{label: '三级 1-1-1'}]}]}, {label: '一级 2',children: [{label: '二级 2-1',children: [{label: '三级 2-1-1'}]}, {label: '二级 2-2',children: [{label: '三级 2-2-1'}]}]}, {label: '一级 3',children: [{label: '二级 3-1',children: [{label: '三级 3-1-1'}]}, {label: '二级 3-2',children: [{label: '三级 3-2-1'}]}]}],defaultProps: {children: 'children',label: 'label'}};},methods: {handleNodeClick(data) {//这里可以使用ajax请求后台,获取组织树的数据,转成json数组格式返回,result为返回的值//this.data=result.data;console.log(data);}}};
</script>

http://www.ppmy.cn/news/943951.html

相关文章

jq的.click().on('click')

$&#xff08;selector&#xff09;.on(click,function(){ });支持动态绑定元素&#xff0c;即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素&#xff0c;如绑定body里的动态li元素&#xff1a; $(body).on(click,ul li,function(){});若直接绑定…

@tap与@click的区别

tap与click的区别 tap和click都是点击事件。不过移动端有太多复杂的功能是click监听不到的&#xff0c;例如&#xff0c;触摸、按住和轻滑。这时候就要用tap方法了。 另外&#xff0c;click事件是点击放开之后才触发的&#xff0c;所以时间上会有延迟&#xff0c;大概200-300…

@click.native和@click的区别?

click 是 Vue.js 框架提供的模板语法&#xff0c;用于绑定 DOM 元素的 click 事件&#xff0c;等价于 v-on:click。它只能监听 Vue 组件内部元素的 click 事件&#xff0c;并且会阻止默认行为和事件冒泡。 而 click.native 则是 Vue.js 框架提供的修饰符之一&#xff0c;用于监…

关于click()和onclick()的区别

click()和onclick()的区别&#xff1a; 1.onclick是绑定事件&#xff0c;告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件&#xff0c;只要执行了元素的click()方法&#xff0c;就会触发onclick事件。 2.click()方法的主要作用是触发调用click方法元素…

click工具的使用

目录 一&#xff1a;Click导航二&#xff1a;Click的基本使用1: 官网案例演示&#xff1a;2&#xff1a; click.command装饰器3: click.group()装饰器&#xff1a;4&#xff1a; 命令行参数4.1&#xff1a; Option参数&#xff1a;4.2&#xff1a; Argument参数: 5&#xff1a;…

vue中@click不触发时,用onclick怎么代替

转载地址:https://www.cnblogs.com/xr210/p/13531778.html

vue @click.native和@click.stop和@click.self

参考一&#xff1a; vue click.native 原生点击事件&#xff1a; 1&#xff0c;给vue组件绑定事件时候&#xff0c;必须加上native &#xff0c;不然不会生效&#xff08;监听根元素的原生事件&#xff0c;使用 .native 修饰符&#xff09; 2&#xff0c;等同于在自组件中&a…

JQuery $().click()与$().on(click...)区别

jQuery的出现&#xff0c;大大简化了对dom的操作&#xff0c;但是如果不是仔细阅读api和进行操作&#xff0c;就不知道其中最大的优点和使用方式。就拿 ( ) . c l i c k ( ) 和 ().click()和 ().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说&#xff…