Vue组件:父组件传方法进入子组件,子组件可以修改父组件值(推荐)
父组件把方法传递给了子组件
Document
你选择的学校是:{{chooseSchool}}
-
changeEvent可以改变chooseSchool的值,不知道哪个子组件调用,也不知道子组件的值是多少?
-
我们在组件中定义一个方法!这个方法写在组件的methods里面。
- 我们在methods方法调用参数里面的action,来把子组件数值传给父组件
methods: {
//把参数传给父组件
chooseEvent: function (schoolName) {
this.action(schoolName)
}
}
-
所以必须在参数列表props中定义一个action
props: ['schoolName', 'index', 'action'], -
然后在school标签中把action绑定父组件app中的changeEvent方法
:action="changeEvent"