Vue父子组件通过props异步传输数据问题

最新推荐文章于 2024-09-13 11:22:15 发布

爱宇阳

最新推荐文章于 2024-09-13 11:22:15 发布

阅读量1.4k

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_34707272/article/details/105660915

版权

Vue 专栏收录该内容

83 篇文章 11 订阅

订阅专栏

使用watch deep: true 的深度监听解决vue 父子组件通过props异步传输数据问题

<!--
  - Copyright © 2019-2020 LiuDanYang. All rights Reserved.
  -->

<template>
  <div>
      <img :src="src" alt="avatar" />
  </div>
</template>

<script>
export default {
  name: "UploadImage",
  props: {
    img: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      src: ""
    };
  },
  watch: {
    img: {
      deep: true,
      handler(nv, ov) {
        this.src = nv;
      }
    }
  },
  created() {
    this.src = this.img;
  }
};
</script>