父组件如何使用子组件中的方法
Posted huihuihero
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了父组件如何使用子组件中的方法相关的知识，希望对你有一定的参考价值。
子组件,有一个childMethod方法
<template>
<view>
</view>
</template>
<script>
export default {
data(){
return {
}
},
onLoad(){
},
methods:{
childMethod() {
console.log(‘childMethod do...‘)
}
}
}
</script>
<style>
</style>
父组件，调用childMethod方法
<template>
<view class="content">
<mian-index ref="mainindex"></mian-index>
<view @tap="dataAction">button</view>
</view>
</template>
<script>
import mainindex from ‘@/pages/main/index/index.vue‘
export default {
data() {
return {
};
},
components:{
‘mian-index‘:mainindex
},
onLoad(e) {
},
methods:{
dataAction:function(){
this.$refs.mainindex.childMethod(); //调用子组件方法
}
}
}
</script>
<style scoped>
.content{
width:100%;
box-sizing: border-box;
}
</style>
转自 https://www.cnblogs.com/wangxiaoling/p/10250903.html
以上是关于父组件如何使用子组件中的方法的主要内容，如果未能解决你的问题，请参考以下文章