vue中父组件执行子组件中的方法

lijinglianging

于 2019-12-23 18:07:32 发布

阅读量589

点赞数 3

文章标签： vue javascript

本文链接：https://blog.youkuaiyun.com/jinglianglove/article/details/103671002

版权

vue中父组件执行子组件中的方法

父组件

//子组件渲染在父组件中
<div>
   <componentsName  ref='anyName' ></componentsName>
   <button @click="btnClick"></button>
</div>
<script>
import componentsName from "./componentsName.vue";
export default {
  components: {
      componentsName
  },
  methods: {
     btnClick(){
     	this.$refs.anyName.way()
     }
  }
}
</script>

子组件 componentsName.vue

//子组件中的方法
method：{
   way(){
   	console.log('调用成功')
   }
}