Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-

最新推荐文章于 2024-08-20 11:34:09 发布

码路老默007

最新推荐文章于 2024-08-20 11:34:09 发布

阅读量562

点赞数 8

分类专栏： vue 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/2201_75705263/article/details/135521339

版权

vue 专栏收录该内容

37 篇文章 2 订阅

订阅专栏

本文讲述了在React中，为了避免父组件重新渲染时prop值被覆盖，应使用data或computed属性来存储并管理props如dialogVisible。子组件通过接收并处理新的dialogVisible值实现这一目标。

摘要由CSDN通过智能技术生成

原文：

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "dialogVisible"

译文：

避免直接改变道具，因为当父组件重新渲染时，该值将被覆盖。相反，使用基于道具值的data或computed属性。道具被改变:“dialogVisible”

解决办法：

在子组件里边把dialogVisible重新赋值再进行使用

data() {
    return {
        newDialogVisible : this.dialogVisible

    }


},
props:{
    dialogVisible:{

        type: Boolean,
        default: false
    }
}