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

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页面传值(页面通讯)

上一篇:Study Notes of the CS:APP ICS+ Course 15-213 (Regularly Updated, Till Chapter 0)


下一篇:javascript中apply、call和bind的区别