vue页面间传值

垂柳A个人笔记

于 2023-03-07 19:38:13 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/SNC8F/article/details/129389449

vue 专栏收录该内容

10 篇文章

订阅专栏

文章展示了如何在uniapp中使用自定义事件总线(eventBus)进行组件间通信，上一页组件注册监听isRead事件并处理数据，下一页组件触发事件并传递状态，实现页面间的交互，如阅读确认功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

extend.js

export const eventBus = new Vue();

import { eventBus } from "../common/extend.js";
created() {
    this.registerEvent();
    },
    methods: {
    registerEvent(){
      eventBus.$on('isRead',(data) => {
        console.log('eventBus---data===',data);
        if(data){
          this.handleSubmit();
        }
      })
    },
    }

import { eventBus } from "../common/extend.js";
 methods: {
    agree() {
      eventBus.$emit('isRead', true)
      this.$router.go(-1);
    },
  },

在uniapp里
上一页

uni.$on('isRead', this.handleSubmit);

agree() {
  uni.$emit('isRead', true);
  uni.navigateBack();
}