uniapp:父组件调用子组件方法
1:父组件<template><view><!-- 子组件 --><x-text ref='xText'></x-text><view @click='onClick'>点击调用子组件方法</view></view></template><script>// 此处引入省略...m
·
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>
更多推荐
已为社区贡献2条内容
所有评论(0)