首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue父组件向子组件传递参数[通俗易懂]

Vue父组件向子组件传递参数[通俗易懂]

作者头像
全栈程序员站长
发布2022-07-23 10:47:20
发布2022-07-23 10:47:20
1.4K0
举报

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

1、父组件projectBatchsindex.vue

代码语言:javascript
复制
// 使用:projectId="this.projectId" 传递参数
<ProjectBatchEdit ref="projectBatchEdit" :projectId="this.projectId" @on-update="search"></ProjectBatchEdit>
import ProjectBatchEdit from 'pages/projectBatch/projectBatchEdit'

2、子组件projectBatchEdit.vue

代码语言:javascript
复制
export default {
  props: {
    projectId: Number    // 接受值并定义传递值类型
  }
}

3、子组件的方法中获取值,触发事件,打debbug查看t或者this.projectId的值确定是否传递成功

代码语言:javascript
复制
    // 添加方法
    handlerAdd () {
      debugger
      let t = this.projectId
    }

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年4月7,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档