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

1、父组件projectBatchsindex.vue//使用:projectId=”this.projectId”传递参数<ProjectBatchEditref=”projectBatchEdit”:projectId=”this.projectId”@on-update=”search”></ProjectBatchEdit>importProj…

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

1、父组件projectBatchsindex.vue

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

2、子组件projectBatchEdit.vue

export default {
  props: {
    projectId: Number    // 接受值并定义传递值类型
  }
}

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

    // 添加方法
    handlerAdd () {
      debugger
      let t = this.projectId
    }

 

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

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

(0)
上一篇 2022年4月7日 上午10:40
下一篇 2022年4月7日 上午11:00


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号