vue 事件调用 传参_vue如何在父组件指定点击事件后向子组件传递参数并调用子组件的事件？...

可以给父组件写一个ref属性，父组件可以通过ref拿到子组件中的数据和方法(即例子中子组件的say方法)，这样在父组件中就可以触发子组件的事件了。而父组件向子组件传参可以通过prop属性(即例子中的formData)。

父组件

提交

import children from './children.vue'

export default {

data () {

return {

formData:{

name:'',

mobile: ''

}

}

},

methods:{

handleSubmit(){

this.$refs.children.say();

}

},

components:{

'children': children

}

}

子组件

我是子组件

export default {

//父组件通过props属性传递进来的数据

props: {

formData: {

type: Object,

default: () => {

return {}

}

}

},

data () {

return {

childrenSay: 'hello, parent'

}

},

methods: {

say(){

console.log(this.childrenSay);

}

}

}