admin 管理员组

文章数量: 887021


2024年1月5日发(作者：phpinclude引用其他文件夹的文件)

vue子组件向父组件传递方法

1. 定义Vue实例：在父组件中，我们定义Vue实例，让它可以接收传递的参数以及子组件发送的方法。

```javascript

import ChildComponent from './';

var parent = new Vue({

components: {

'child-component': ChildComponent

},

data: {

message: '',

messageData: []

},

methods: {

// 用于从子组件中接收传递的数据

receiveMessage: function(data){

(data);

e = e;

}

}

});

```

2. 父组件需要提供一个可以调用的方法，子组件会把参数传递进来：在父组件中，创建一个方法 receiveMessage ，专门用于接收子组件的传递的参数，在父组件中将该方法放到data 属性中。

3. 子组件调用父组件方法：在子组件中，可以使用 this.$emit 方法来调用父组件的方法。

```

```javascript

// 将子组件放到父组件中，使用slot拿到子组件

//在父组件中调用子组件的方法

methods:{

callChildMethod(childComp){

g();

}

}

```


本文标签： 组件 方法 引用 调用 传递

版权声明：本文标题：vue子组件向父组件传递方法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1704456472h460557.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。