1:父组件

<template>
	<view>
           <!-- 子组件 -->
		<x-text ref='xText'></x-text>
        <view @click='onClick'>点击调用子组件方法</view>
	</view>
</template>


<script>
    // 此处引入省略...
    
    methods: {
        onClick(){
            // 根据ref 调用子组件方法
            this.$refs.xText.log();
        }
    }
</script>

2:子组件 x-text

<template>
	<view>
	</view>
</template>


<script>
    // 此处省略...
    
    methods: {
        log(){
            // 子组件log方法
            console.log('我是子组件的log方法');
        }
    }
</script>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐