Vue子组件封装弹窗只弹了一次,第二次进不去报错Avoid mutating a prop directly since vue.runtime,esm,js :4642 the value will

vue组件：父组件点击按钮，子组件的弹窗弹出

---

问题描述

例如：父组件点击按钮，子组件弹出弹窗，子组件点击右上角叉号关闭弹窗，只有第一次弹出生效，第二次报错不弹出 Avoid mutating a prop directly since vue.runtime,esm,js :4642 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: "dialogTablevisible’

原因分析：

提示：这里填写问题的分析：

vue是单向数据流，只能从父组件传递给子组件，子组件不可以直接在组件内部改变父组件通过props传递的值

---

解决方案：