想被带飞的鱼 2022-09-30 10:08 采纳率: 77.8%
浏览 15
已结题

子组件的生命周期created会覆盖父组件传递下来的通过watch监听修改过一遍的值。

表格数据的替换,子组件通过方法使用 created渲染数据,但是另一个地方数据通过父组件传递下来的数据通过监听修改数据,但是子组件原生就会执行created,会覆盖父组件传递下来的值,这个该如何解决

父组件传值给子组件(taskJournal)

 <constructionLog
          :showDetails="false"
          :commonVariable="true"
          :taskJournal="taskJournal"
          class="white"
          ref="login"
        />

子组件监听并修改


 props: {
    taskJournal: {
      type: Array,
    },
  },
watch: {
    taskJournal:function(val){
      if(val){
        this.tableData = val;
      }
    }
  },

子组件初始渲染的值created

  created() {
    this.getData();
  },
 //获取列表
    async getData() {
      let data = await taskJournalFindAll(params);
      let datainfo = data.data;
      this.tableData = datainfo.tableList;
    },

子组件渲染列表


<el-table
        :data="tableData"
        ref="tableData"
      >
</el-table>
  • 写回答

1条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 10月8日
      • 已采纳回答 9月30日
      • 创建了问题 9月30日

      悬赏问题

      • ¥15 maftools不能library
      • ¥25 随机森林二分类预测不均匀
      • ¥15 求助!!c语言作业(新了解的
      • ¥15 starccm流域异常
      • ¥15 并行程序时间性能计算比较
      • ¥15 正点原子stm32实验55网络通信打开LWIP_NETCONN会报错
      • ¥15 Linux关于FTP服务器配置的问题(很基础)
      • ¥15 求助!python作业
      • ¥50 求一份TAP网卡驱动修改版
      • ¥15 计算机组成原理存储器的题目中关于地址线的疑问