使用VueJS 2重用Modal

时间:2017-11-03 09:51:49

标签: vue.js vuejs2 vue-component

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

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

更新为Vue2时出错:

  

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

1 个答案:

答案 0 :(得分:0)

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