vue3 中 子组件中传值,并调用父组件的方法
在vue3 中传值,父传子,在父组件中自定义属性,子组件使用props就可以接收,但是子传父之间是怎么传值呢?
父组件代码如下:自定义属性名和方法名
1 <template> 2 <son @自定义属性名="自定义方法名"> 3 </template> 4 5 6 <script> 7 import {defineComponnet} from "vue" 8 import Son from "./components/son.vue" 9 export default defineComponnet ({ 10 setup() { 11 const 自定义方法名 = () => { 12 //此处调用父组件的任何方法; 13 } 14 return {自定义方法名}
15 }
16 })
17 </script>
子组件代码如下:必须要有emits:[],此数组可以放多个方法名和数据;
1 <template>
2 <div></div>
3 </template>
4
5
6 <script>
7 import {defineComponnet} from "vue"
8
9 export default defineComponnet ({
10 emits:["自定义方法名"]
11 setup() {
12 context.emit("自定义方法名")
13 return {自定义方法名}
14 }
15 })
16 </script>
本文来自博客园,作者:冰中焱,转载请注明原文链接:https://www.cnblogs.com/Blod/p/16253492.html

浙公网安备 33010602011771号