首页 > 移动平台 > 详细

uniapp中利用uni.$emit()和uni.$on()进行页面和tabbar页面传值(页面通讯)

时间:2021-05-18 16:09:38      阅读:16      评论:0      收藏:0      [点我收藏+]

tabbar页面

<script>
  export default {
      data() {
          return { 
              list: [] ,
          };  
      },
      onLoad() {
        // 监听事件
          uni.$on(‘setData‘, res => {
              this.list = res;
          });
      },
      onUnload() {
          // 移除监听事件
          uni.$off(‘setData‘);
      }
  };
</script>

 

传值页面

<script>
    export default {
        data() {
            return {};
        },
        onLoad() {
            uni.$emit(‘setData‘, {
                realName: ‘随便谁‘,
                token: ‘user123456‘,
                userName: ‘unier‘
            });
        }
    };
</script>

 

如果页面没有打开,将不能 注册监听事件 uni.$on 和 uni.$once 。

uniapp中利用uni.$emit()和uni.$on()进行页面和tabbar页面传值(页面通讯)

原文:https://www.cnblogs.com/czq091449/p/14780803.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!