父子组件传值遇到的问题

Posted wjs-cn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父子组件传值遇到的问题相关的知识,希望对你有一定的参考价值。

实现的功能是点击按钮弹出一个独立页面的弹出框,设计父组件向子组件传值,在子组件改变父组件传过来的值,遇到报错信息,如下图:

技术分享图片

之前处理方式是在子组件直接改变父组件传过来的值,如下图:

技术分享图片

后来才发现不能通过子组件直接修改父组件传过来的值:

后来处理的方式是:在子组件定义了了监听的方法,如下图:

技术分享图片

在父组件实现这个方法,通过父组件改变传给子组件的值。。。。。!!!!!

 

以上是关于父子组件传值遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

关于Vue父子组件传值之watch运用

vue父子组件传值

组件传值的几种方式 和遇到的一些坑

vue-自定义组件传值

vue-自定义组件传值

vuex非父子组件间改值