在vue中子组件是不允许直接修改父组件传过来的数据,因为如果父组件传过来的数据如果是数组或者是对象的数据的话,在子组件中直接修改传过来数据的话,会影响到其他组件的数据,所以要在子组件data数据里定义一个变量来保存父组件传过来的
可以这么改:
父组件
<child-com @close=close></child-com>
methods: {
close() {}
}
子组件
<div @click='closeThisDialog'>关闭</div>
methods:{
closeThisDialog(){
this.$emit('close')
}
}