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
    关注

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

    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面