dreamer·强 2019-02-26 14:25 采纳率: 0%
浏览 6762
已结题

vue父组件夏多个子组件,子组件分别修改后其他子组件如何同步更新数据?

现在有一个课程为父组件,下面分别有
详情,教师,文件库,章节课时
等子组件。
我获取到课程数据之后父子组建传值给子组件,子组件中数据更新之后其他子组件里面数据依旧是原来数据,

比如我在课时中需要获取到文件库的数据,但是如果先在文件库组件里添加了文件,切换到章节课时 组件中获取的还是原来的组件

我该怎么做?

代码:

父组件:

<el-tab-pane label="默认计划设置" name="默认计划设置" :style="contnetn_height">
        <el-tabs
          type="border-card"
          :value="setupIndex"
          tab-position="left"
          class="corse-tabs-info"
          :style="contnetn_height"
          @tab-click="setupTab"
        >
          <el-tab-pane label="基础信息" name="基础信息" :style="contnetn_height">
            <setup :setupData="setupDatas"></setup>
          </el-tab-pane>
          <el-tab-pane label="详细信息" name="详细信息" :style="contnetn_height">
            <details-setup :setupData="setupDatas"></details-setup>
          </el-tab-pane>
          <el-tab-pane label="课程大纲" name="课程大纲" :style="contnetn_height">
            <chapter :chapterInfo="chapterInfo"></chapter>
            <!-- <tree :courseData="courseDatas" v-show="courseDatas"></tree> -->
          </el-tab-pane>
          <el-tab-pane label="教师管理" name="教师管理" :style="contnetn_height">
            <teachers :teacherData="teacherList"></teachers>
          </el-tab-pane>
          <el-tab-pane label="学员管理" name="学员管理" :style="contnetn_height">
            <student :studentData="studentData"></student>
          </el-tab-pane>
          <el-tab-pane label="试卷批阅" name="试卷批阅" :style="contnetn_height"></el-tab-pane>
          <el-tab-pane label="作业批阅" name="作业批阅" :style="contnetn_height"></el-tab-pane>
          <el-tab-pane label="数据预览" name="数据预览" :style="contnetn_height"></el-tab-pane>
          <el-tab-pane label="订单统计" name="订单统计" :style="contnetn_height"></el-tab-pane>
        </el-tabs>
      </el-tab-pane>

子组件

获取到父组件数据

props: {
    teacherData: { type: Object }
  },

-------------------补充-------------
然后子组件向父组件传值

this.$emit('success',false);
<el-tab-pane label="课程文件" name="课程文件" :style="contnetn_height">
        <file @success="getCourse"></file>
      </el-tab-pane>

父组件中的值也更新了,但是其他子组件的值没有变化

  • 写回答

4条回答 默认 最新

  • 铁打的老二 2019-02-26 14:36
    关注

    不知道你说的数据未更新的子组件跟数据更新的子组件是父子关系还是兄弟关系,没法给出具体解决方案

    评论

报告相同问题?

悬赏问题

  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作