vue子组件向父组件传值的三种方式_vue父页面传值到子页面
2023-06-13 09:13:41 时间
大家好,又见面了,我是你们的朋友全栈君。
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
相关文章
- vue组件注册可以是以下哪种方式_自定义vue组件分三个步骤
- 字符串有哪些_vue子组件emit方法失效
- vue常用组件封装_vue组件全局注册和局部注册
- 每日一题之请描述Vue组件渲染流程
- vue源码分析-从new Vue开始
- Vue组件通信的三种方式
- 总结了Vue组件通信方式,别再说不会组件通信了
- Vue 全部生命周期组件整理
- vue页面刷新_vue强制重置组件
- 关于VUE双向绑定失效的问题「建议收藏」
- vue与jquery混用_vue怎么使用jquery
- vue子组件向父组件传值的三种方式_vue子组件修改父组件值
- vue纯前端分页_基于vue的表格组件
- 给 Vue 模态框组件添加过渡和动画效果
- 基于SpringBoot和Vue开发的功能强大的图书馆系统(附源码)
- vue组件通信方式有哪些?1
- Vue项目优化首页加载速度
- 这款Spring Boot + Vue开源博客系统实战项目太赞了!
- Vue动态添加和删除组件的实现,子组件和父组件的传值实例演示
- 【Vue 响应式数据原理】数据双向绑定原理
- vue核心面试题:组件中的data为什么是一个函数
- vscode前端常用插件推荐,搭建JQuery、Vue等开发环境详解编程语言
- 使用Vue从Redis获取数据(vue去redis取数据)
- 从零开始Vue项目中使用Redis(vue使用redis)