vue父子页面写法及传值

本文详细探讨了Vue框架中父子页面的交互方式,包括如何从父页面调用子页面的方法以及如何进行传值。介绍了两种不同的传值策略:通过props属性接收和监听值变化,以及通过路由参数传递。同时,还讲解了子页面如何调用父页面的方法,以实现双向通信。
摘要由CSDN通过智能技术生成

父页面调用子页面

父页面,使用ref=“registChild”

 <!--会议登记-->
      <registeChild v-if="registTabOpen" :fromWorkFlow="true" ref="registChild" :timeStamp="mettimeStamp" :noticeId="noticeId" :meetingStatus="meetingStatus" @reloadList="reloadList" :dataReadonly="readOnly"></registeChild>

父页面调用子页面的validateBeforeWorkFlowSub方法:

方式一
  const refData = 'ref' + this.activeName
      this.$refs[refData].getIndexReportData()
方式二
    this.$refs.registChild.validateBeforeWorkFlowSub().then(res => {
   
            resolve('success')
          }).catch(e => {
    reject(e) })

子页面:
子页面后台保存后返回父页面:

    validateBeforeWorkFlowSub() {
   
      return new Promise((resolve, reject) => {
   
        this.resolve = resolve
        this.reject
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值