uni-app

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

1-5 兄弟组件之间通信

浏览 112 扫码 分享 2023-11-19 14:52:53
  • https://uniapp.dcloud.io/collocation/frame/communication">https://uniapp.dcloud.io/collocation/frame/communication
  • 1 A组件
  • 2 B组件

    https://uniapp.dcloud.io/collocation/frame/communication

    1 A组件

    1. <view @click="addNum">这是a组件<view>
    2. methods:{
    3. addNum(){
    4. uni.$emit("updateNum",10)
    5. }
    6. }

    2 B组件

    1. <view>这是b组件的数据{{num}}<view>
    2. data(){
    3. return {
    4. num:0;
    5. }
    6. }
    7. created(){
    8. uni.$on("updataNum",num=>{
    9. this.num+=num;
    10. })
    11. }

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 1-1 创建一个uniapp项目
    • 1-2 http请求
    • 1-3 页面渲染及跳转传值
    • 1-4 安装插件
    • 1-5 兄弟组件之间通信
    • 1-6 运行到小程序开发工具
    • 1-7 无限刷新
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注