博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 父组件传递子组件事件
阅读量:5347 次
发布时间:2019-06-15

本文共 566 字,大约阅读时间需要 1 分钟。

  在开发中,碰到一个需要从父组件传入方法,子组件点击触发,说白了就是,把方法传入给子组件调用

 

{
{data.icon}}
//点击方法(method)在data中,由父组件通过子组件props传过来

  这里并不能直接用on-click:typeClick = data.method;理由是vue自定义的点击事件似乎不能直接写方法,一般是在methods里面定义,调入。这里我想到的一个处理方法,就是自己写一个directive:

directives:{            typeClick:{                bind(el, binding, vnode){                    console.log(binding.value.method)                    el.addEventListener('click', binding.value.method)                }            }        }

这样既可给这个元素添加了点击事件,并且调用的是父组件传过来的方法。

转载于:https://www.cnblogs.com/ylHeyden/p/7716502.html

你可能感兴趣的文章
Sql注入校验
查看>>
位运算和取模运算的运算效率对比
查看>>
根据jdk1.8源码整理而得,java集合体系(继承、实现关系)图解,超清晰,一看就懂,方便记忆...
查看>>
jdk1.8 HashMap底层数据结构:散列表+链表+红黑树(图解+源码)
查看>>
jdk1.8源码解析:HashMap底层数据结构之链表转红黑树的具体时机
查看>>
jdk1.8 HashMap底层数据结构:深入解析为什么jdk1.8 HashMap的容量一定要是2的n次幂...
查看>>
java-简单工程模板
查看>>
UML-GoF设计模式-总结
查看>>
idea使用eclipse风格
查看>>
ajax+springboot完整例子
查看>>
UML-活动图及其建模
查看>>
tomcat指定jdk
查看>>
UML-架构分析-基础
查看>>
UML-迭代3-中级主题
查看>>
UML-架构分析-步骤
查看>>
UML-状态机图和建模
查看>>
UML-架构分析-阶段
查看>>
UML-用例关联
查看>>
UML-逻辑架构精化
查看>>
UML-领域模型的精化
查看>>