Hi，我是五柳，一个双非二本、自学编程的前端工程师，欢迎关注我的微信公众号：Code center。
方法一：通过监听器监听方法event参数获取dom对象
代码：
vue自定义指令
实现原理： 通过给div注册监听方法show()并且方法中传入event参数，event如果直接alert出来，是一个事件类型，即此处指mouseclick单击事件，event.target即获取单击事件的对象dom（在java中也就是事件源），获取dom直接通过javascript的代码dom.className即可获取相应dom的class指。
运行效果如下：
实现方法二：通过自定义指令的inserted钩子函数的el参数获取dom对象
代码：
vue自定义指令
实现原理： vue.js中为自定义指令的每一个钩子函数都提供了四个参数，分别是：el、binding、vnode、oldVnode，具体每一个参数的意义大家可以去参考官方文档，我就简单讲一下el，el就是表单指令所绑定的元素，即相应的dom，所以可以直接使用它。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/208457.html原文链接：https://javaforall.net
