vue2,父组件触发方法,使得子组件中的某个方法重新在子组件中走一次
时间: 2023-11-03 19:37:51 浏览: 39
你可以通过给子组件添加一个 key 属性来实现该功能。当父组件中触发了某个方法后,通过修改子组件的 key 值,强制子组件重新渲染,从而重新执行子组件中的方法。例如:
// 父组件
<template>
<div>
<button @click="handleClick">重新执行子组件方法</button>
<ChildComponent :key="childKey" />
</div>
</template>
<script>
export default {
data() {
return {
childKey: 0
}
},
methods: {
handleClick() {
// 修改子组件的 key 值,强制子组件重新渲染
this.childKey++
}
}
}
</script>
// 子组件
<template>
<div>
<button @click="handleChildMethod">子组件方法</button>
</div>
</template>
<script>
export default {
methods: {
handleChildMethod() {
console.log('子组件方法执行了')
}
}
}
</script>
阅读全文