el-tabs子组件的数据同步更新问题以及新增数据返回列表页

如图,在用elementUI控件时,发现tab页面右边新增数据后回到左边页面配送数据没有即时刷新,需要自己手动刷新整个页面才可以重新调用接口,同时需求要求在新增数据后需要返回左侧子组件数据列表。

思考一下:tab页面刷新不需要跳转路由,与tab本身切换冲突,因为这是父子组件,不需要配置动态路由,只需在tab页面子组件配置相对应事件,在要刷新的子页面用mounted()传入当前页面的activename值,这样触发tab父组件时刷新tab父控件选中值,那么在数据操作后传递该参数便会跳转到对应页面。整理了一下解决方法:

父组件在添加goaddtab刷新属性功能以此来激活activename对应的那个子页面实现同步数据,这里的activename值可以自定义也可以写成和组件名一样为了好区分

<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="药品配送信息" name="drugDistributionList"
        ><DrugDistributionList v-if="activeName === 'drugDistributionList'" @activename=
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值