在当前页面引入其他子标签或者其他页面时,如何在本界面调用其他页面的方法呢,对于刚接触uniapp的人来说不是很容易,这里给大家展示下uniapp本身的调用方式,当然还有其他方法可以实现,时间仓促,这里我直接上代码:
父界面
<template>
<!--按钮--通过按钮调用子标签内部方法-->
<button @tap="zibiaoqianShow">子标签显示</button>
<button @tap="zibiaoqianHidden">子标签隐藏</button>
<button @tap="zibiaoqianPrint">子标签打印</button>
<!--子标签-->
<zibiaoqian ref="ZBQ1" @fatherMethod1="fatherMethod1" @fatherMethod2="fatherMethod2" title="标题" text="内容"></zibiaoqian>
</template>
<script>
import zibiaoqian from "../../ziBiaoQian/zibiaoqian.vue";
export default {
components: {
zibiaoqian
},
methods:{
zibiaoqianShow(){
this.$refs.ZBQ1.show();
},
zibiaoqianHidden(){
this.$refs.ZBQ1.hid();
},
zibiaoqianPrint(){
this.$refs.ZBQ1.print("你好!");
}
}
}
</script>
子标签界面
<template>
<view class="zibiaoqian11" :hidden="isHidden">
<view class="prompt-title">{{title}}</view>
<view class="prompt-text">{{text}}</view>
</view>
</template>
<script>
export default {
data() {
return {
isHidden: true
};
},
props:{
title: {
type: String,
default: '题目'
},
text:{
type: String,
default: '',
}
},
methods:{
show(){
this.isHidden = false;
},
hid(){
this.isHidden = true;
},
print(e){
//提示框显示出传来的值
uni.showToast({
title: e,
icon:"none",
duration: 2000
});
}
}
}
</script>
代码极其简单,我就不去一一分析了