标签：default this console html 调用 组件 return content main
1.写一个简单的子组件main/index.vue：
<template>
<view></view>
</template>
<script>
export default {
data(){
return {}
},
methods:{
childMethod() {
console.log(‘childMethod do...‘)
}
}
}
</script>
<style>
</style>
在子组件中有一个childMethod方法
2.在父组件中引用这个子组件的childMethod方法：
<template>
<view class="content">
<mian-index ref="mainindex"></mian-index>
</view>
</template>
<script>
import mainindex from ‘@/pages/main/index/index.vue‘
export default {
data() {
return {
};
},
components:{
‘mian-index‘:mainindex
},
onLoad(e) {
this.$refs.mainindex.childMethod();
}
}
</script>
<style>
</style>
说明：
首先，引入子组件文件，然后用ref给子组件一个id标识，然后通过this.$refs.mainindex.childMethod();调用子组件方法
参考链接：https://www.cnblogs.com/wangxiaoling/p/10250903.html
标签：default this console html 调用 组件 return content main
原文地址：https://www.cnblogs.com/cap-rq/p/11026881.html
