vue子组件触发祖先元素的执行的方法
这周刚开始跟研发对接接口,在写交互的过程中遇到各种各样的问题,由于第一次对接这样的项目,最常见问题就是来回传值和触发,今天趁着周末来写个例子记录一下。component3是component2的自组件,component2是component1的子组件,component3 如何触发component1执行方法呢?<component2 @clickHandl
·
这周刚开始跟研发对接接口,在写交互的过程中遇到各种各样的问题,由于第一次对接这样的项目,最常见问题就是来回传值和触发,今天趁着周末来写个例子记录一下。
component3是component2的自组件,component2是component1的子组件,
component3 如何触发component1执行方法呢?
<component1 @clickHandler2=“clickHandler3”>
<component2 />
<compment1>
<script >
export default {
methods: {
clickHandler3 () {
console.log(args)//args要传的参数
}
}
}
</script>
<component2 @clickHandler1=“clickHandler2”>
<component3 />
<compment2>
<script >
export default {
methods: {
clickHandler1 (args) {
this.$emit('clickHandler2', args) //args要传的参数
}
}
}
</script>
<component3 @click="clickHandler"/>
<script >
export default {
methods: {
clickHandler (args) {
this.$emit('clickHandler1', args) //args要传的参数
}
}
}
</script>
子组件先触发父组件执行,然后父组件触发父组件的父组件执行
更多推荐
已为社区贡献19条内容
所有评论(0)