关于uni-app:uniapp中子组件调用父组件的方法

8次阅读

共计 592 个字符,预计需要花费 2 分钟才能阅读完成。

1. 开发环境 uni-app+uView
2. 电脑系统 windows10 专业版
3. 在应用 uni-app+uView 开发的过程中, 咱们可能会须要在子组件中调用父组件的办法, 上面我来做一个分享, 心愿对你有所帮忙!
4. 在父组件中增加事件, 在 methods 中增加代码如下:

gochencheckedxq(){console.log("我要去审核详情页");
       uni.navigateTo({url: "../../pages/entrustchenckxq/entrustchenckxq",});
    }

5. 在父组件中应用子组件, 在 template 中增加如下代码:

<entruscheck v-on:Chencheckedxq="gochencheckedxq"></entruscheck>

6. 在子组件中, 须要增加事件的元素上, 增加如下代码:

<u-button :ripple="true" ripple-bg-color="#909399"  @tap="gochencheckedxq"> 详情 </u-button>

7. 在子组件中增加 gochencheckedxq 事件, 代码如下:

gochencheckedxq(){this.$emit("Chencheckedxq");
    }
    
    // 应用 this.$emit 进行触发 父组件事件 

8. 本期的分享到了这里完结啦, 是不是很 nice, 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

正文完
 0