vue父组件调用子组件的方法
父组件:在组件中写一个ref="",@click.native="click"// 点击事件<template><div class="container"><child@click.native="click" ref="child"></child></div></template&g...
·
父组件:在组件中写一个ref="",
@click.native="click" // 点击事件
<template>
<div class="container">
<child @click.native="click" ref="child"></child>
</div>
</template>
<script>
import child from '@/components/videoChild'
export default {
name: 'app',
components: {
child
},
methods: {
click () {
this.$refs.child.pauseVideo() //过this.$refs.ref.method调用
}
}
}
</script>
子组件:
pauseVideo () { console.log(1)}
更多推荐
已为社区贡献8条内容
所有评论(0)