使用VueJS 2重用Modal

Question

我在JSFiddle中看到重用模式使用Vue版本1： https://jsfiddle.net/_kemar/d3jecL8n/

但是当我改为Vue版本2时，它无法正常工作。我怎样才能解决这个问题？ https://jsfiddle.net/chelsea39/awwk6v5h/1/

更新为Vue2时出错：

  

[Vue警告]：避免直接改变道具，因为只要父组件重新渲染，该值就会被覆盖。而是根据prop的值使用数据或计算属性。支持变异：“显示”

Answer 1

问题是您正在尝试更改show prop，它是从子组件内的父组件传递的。您可以将show boolean复制到子组件生命周期钩子内的子组件数据中，然后您可以在子组件内自由修改它。