Vue组件:父组件传方法进入子组件,子组件可以修改父组件值(推荐)


父组件把方法传递给了子组件




    
    
    Document
    


    

    你选择的学校是:{{chooseSchool}}

  1. changeEvent可以改变chooseSchool的值,不知道哪个子组件调用,也不知道子组件的值是多少?

  2. 我们在组件中定义一个方法!这个方法写在组件的methods里面。

   	
  1. 我们在methods方法调用参数里面的action,来把子组件数值传给父组件
  methods: {
     //把参数传给父组件
     chooseEvent: function (schoolName) {
     this.action(schoolName)
   }
  }
  1. 所以必须在参数列表props中定义一个action

    props: ['schoolName', 'index', 'action'],
    
  2. 然后在school标签中把action绑定父组件app中的changeEvent方法

    :action="changeEvent" 
    
vue