这周刚开始跟研发对接接口,在写交互的过程中遇到各种各样的问题,由于第一次对接这样的项目,最常见问题就是来回传值和触发,今天趁着周末来写个例子记录一下。
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>

子组件先触发父组件执行,然后父组件触发父组件的父组件执行

Logo

前往低代码交流专区

更多推荐