首页 > 技术文章 > uniapp中利用uni.$emit()和uni.$on()进行页面和tabbar页面传值(页面通讯)

czq091449 2021-05-18 14:28 原文

tabbar页面

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

 

传值页面

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

 

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

推荐阅读