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

First, let's look at the page error

In fact, the problem is very simple, the problem of parent-child components passing values ;

The code of sub components is also very simple

Parent component ：


problem : Press save without error , Press cancel to report the error shown above .
And find out why , Principle should Vue Reasons for single data flow , Can't modify at will props In the value of the , Then why can I save this function without reporting errors ？？ Both of my calls are the same function ？
Really a little confused ！
But I still solved the problem

I put v-model Instead of ：visible, In this way, there is no error in saving or canceling
I haven't figured out the specific reason , Should be ant-design-Vue The reason for the underlying design