vue子组件向父组件传值的三种方式_vue父页面传值到子页面

大家好，又见面了，我是你们的朋友全栈君。

1.用于子组件触发事件传递给父组件

子组件：

rowEvent 里面也可以带参数

事件 treeData 是携带的参数 rowEvent(){ this.$emit(‘rowEvent’,’treeData’’); },

父组件:

在父组件绑定自定义事件

直接可以获取到

rowEvents(obj) {

console.log（obj）

},

2.用ref（常用于不触发的事件）

子组件 定义个变量 （方法也行）

父组件

use-table是子组件的 里面绑定上ref 下面用 this.$refs.useTable.tableSelectArr 就可以直接获取到

作者持续更新中 （刚入前端的小白）

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/197621.html原文链接：https://javaforall.cn