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

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

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

https java 批量计算 网络安全

0 人点赞