修改ant-design popover组件自带属性报错

报错：[Vue warn]: 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: "visible" (found in component )




需求：遍历生成多个popover，并要求在点击popver里面的内容完毕以后关闭popover如下图所示：

点击确定时我要关闭popover，看了知道visible属性可以关闭，但是我是遍历的，有多个popover，使用visible感觉不太实用，想到可以直接通过this.$refs.popover[index].visible 给popover定义了一个ref=‘popover’ 这样可以做到关闭和显示popover，但是出现了最上面的警告，百度发现是父传子修改了传值那个变量出现的警告。最后选择了一个比较折中的方法，自己把popover进行了一次封装，变成公共组件，给他定义了一个visble，直接修改自己定义组件的visble，不再直接修改内部的传值，解决这个问题。最开始也试着用js直接修改，但是会有一个bug，可能是自己写的有问题，欢迎大家指证，并提出更好的解决方法