實作在父組件中促發子組件里面的方法
子組件:
<template> <div> 我是子組件 </div> </template> <script> export default { name: "child", methods: { parentHandleclick(e) { console.log(e) } } </script>
父組件:
<template>
<div>
<button @click="clickParent">點擊我促發子組件方法</button>
<child ref="mychild"></child>
</div>
</template>
<script>
import Child from './child';
export default {
name: "parent",
components: {
child: Child
},
methods: {
clickParent() {
this.$refs.mychild.parentHandleclick("父組件呼叫子組件方法");
}
}
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/25019.html
標籤：JavaScript