vue父组件向子组件通过props传值,父组件调接口返回新的数据,子组件获取不到,也没有重新渲染DOM

项目场景:vue父组件向子组件通过props传值,父组件调接口返回新的数据,子组件获取不到,也没有重新渲染DOM

问题描述

vue父组件向子组件通过props传值,父组件调接口返回新的数据,子组件获取不到,也没有重新渲染DOM`

<template>
  <div >
   子组件
  </div>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      default: '',
    },
  
  },
  data() {
  
  },

  methods: {
   
  },
  mounted() {
   console.log(this.text)//为空字符串
  },
};
</script>

原因分析:

当数据还没请求回来,子页面组件已经渲染出来了,这个时候需要做一个判断,当数据有值或者请求结束让组件渲染即可


解决方案:

使用v-if条件渲染即可获取数据

最近更新

  1. TCP协议是安全的吗?

    2024-04-29 14:38:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-29 14:38:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-29 14:38:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-29 14:38:01       18 阅读

热门阅读

  1. UKP3D轴侧图出图按照哪些标准

    2024-04-29 14:38:01       9 阅读
  2. 在docker中安装paddle serving @FreeBSD(待续)

    2024-04-29 14:38:01       9 阅读
  3. c++课堂——动态规划

    2024-04-29 14:38:01       13 阅读
  4. 【排序算法】快速排序

    2024-04-29 14:38:01       11 阅读
  5. puppeteer实现网页自动化

    2024-04-29 14:38:01       14 阅读
  6. CSS:css简介

    2024-04-29 14:38:01       11 阅读
  7. 如何通过概率分布表示语义?

    2024-04-29 14:38:01       15 阅读